HTML/요소

인라인 텍스트 - B, MARK, EM, STRING, I 1

컴공 윤서혜 학습일기 2020. 12. 28. 18:22

<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