HTML

[HTML] b(Bold) 와 Strong 태그

katia 2023. 3. 3. 16:05

b(Bold)

  • b(Bold) 태그는 이가 가지는 내용인 텍스트를 굵게 만든다.
  • 자동으로 닫는 태그: x

strong

  • strong 태그는 이가 가지는 내용인 택스트를 굴게 만든다.
  • 자동으로 닫는 태그: x
  • b태그는 아무의미도 가지지 않고 단순히 텍스트를 굵게 만드는 것과 달리 strong태그는 아래의 효과를 가진다.
    • 웹 접근성(Web Accessibility)를 향상시킨다.
    • 검색엔진 최적화(SEO, Search Engine Optimization)이 적절히 이루어져 검색 엔진으로 하여금 해당 내용이 실제로 페이지에서 중요한 내용임을 알린다.
    • 스크린 리더의 음성 합성기능이 해당부분을 강하게 말할 수 있게 해준다.

예제)

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>b, strong 태그</title>
</head>
<body>
    <A>이 내용은 a 태그 안에 작성되었습니다.</A><br>
    <b>이 내용은 b 태그 안에 작성되었습니다.</b><br>
    <strong>이 내용은 strong 태그안에 작성되었습니다.</strong>
</body>
</html>

'HTML' 카테고리의 다른 글

[HTML] h(Heading) 태그  (0) 2023.03.03
[HTML] br(Break) 태그  (0) 2023.03.03
[HTML] a(Ancher) 태그  (0) 2023.03.03
[HTML] 속성과 주석  (0) 2023.03.03
[HTML] 문서  (0) 2023.03.03