<b>
문체가 다른 글자의 범위를 설정(Bring Attention)
- 특별한 의미를 가지지 않음.
- 일기 흐름에 도움을 주는 용도로 사용.
- 다른 태그가 적합하지 않은 경우 마지막 수단으로 사용.
- 기본적으로 글자가 두껍게(Bold) 표시됨.
b {display : inline;}
<mark>
사용자의 관심을 끌기 위해 하이라이팅할 때 사용.
(Mark Text, 형광펜을 사용하여 관심있는 부분을 표시하는 것과 같은 의미)
- 기본적으로 형광펜을 사용한 것처럼 글자 배경이 노란색(Yellow)으로 표시됨.
mark {display : inline;}
<em>
단순한 의미 강조를 표시. (Emphasis)
- 중첩이 가능.
- 중첩될수록 강조 의미가 강해짐.
- 정보통신보조기기 등에서 구두 강조로 발음됨.
- 기본적으로 이탤릭체(Italic type)로 표시됨.
em {display : inline;}
<body>
<em>난 정말잘해! 난 정말 <em>영어</em> 잘한다고!</em>
</body>
이렇게 중첩해서 사용할 수 있지만, 브라우저에서 보기에는 달라진게 하나도 없다. 하지만 정보통신보조기기(청각장애인들을 위한)에서 기계가 글을 읽어줄때 확실히 강조해서 읽어주는걸 알 수 있다.
<strong>
의미의 중요성을 나타내기 위해 사용. (Strong Importance)
- 기본적으로 글자가 두껍게(Bold) 표시됨
strong {display : inline;}
<i>
<em>, <strong>, <mark>, <cite>, <dfn> 등에서 표현할 수 있는 적합한 의미가 아닌 경우 사용.
(평범한 글자와 구분(아이콘이나 특수기호 같은)하기 위해 사용)
- 기본적으로 Italic type으로 표시됨.
i {display : inline;}
cf. <b>태그와 마찬가지로 적합한 의미가 아닌경우에 사용하지만, 차이점은 b는 텍스트를 다룰때 사용하는것이고 i는 특수기호 나 아이콘에 사용이 된다.
'HTML > 요소' 카테고리의 다른 글
인라인 텍스트 - DFN (0) | 2020.12.28 |
---|---|
인라인 텍스트 - B, MARK, EM, STRING, I 2 (0) | 2020.12.28 |
인라인 텍스트 - ABBR (0) | 2020.12.28 |
인라인 텍스트 - A 2 (0) | 2020.12.28 |
인라인 텍스트 - A 1 (0) | 2020.12.28 |