HTML 텍스트 강조 요소

본문 텍스트에 다양한 강조 표기를 통해 여러 형식의 텍스트를 입력할 수 있다. 여러 방식으로 텍스트를 강조할 수 있다. 다만 출력만을 위해서가 아니라, 형식에 따른 의미까지 포함된다. 

 

1. 강조 표기 EM & STORNG (주관적&객관적 강조)

See the Pen dxVxJN by ++EXP (@pp_exp) on CodePen.

 

 

기존 <B>요소와 <I>요소와를 대신하여 <STRONG>과 <EMphasize>을 사용한다. <STRONG>은굵게 표시되어 강조되고, <EM>은 기울어진 채로 강조된다. 그러나 이 두 요소는 의미마저도 포함하여 강조한다.

 

<STRONG>은 가장 객관적인 사실로서 강조를, <EM>은 주관적인 감상으로서의 강조를 의미한다.

 

2. 인용 표기 BLOCKQUOTE, Q, CITE (인용 표기영역, 인용 줄, 인용 출처)

See the Pen MNENQd by ++EXP (@pp_exp) on CodePen.

<BLOCKQUOTE>는 영역 자체에 들여쓰기가 형성이 되어 내부에 <P>요소 등 단락 텍스트가 자리잡는다. 

<Q>는 인용된 컨텐츠에 따옴표로 강조 표기가 형성된다.

<CITE>는 인용된 자원을 나타내는 요소이다. <BLOCKQUOTE>나 <Q>의 속성으로 사용이 가능하다.

---

*아직 배우지 않았으나, <BLOCKQUOTE>는 BLOCK요소이고, <Q>는 INLINE요소이다.

 

3. 밑줄 취소선 표기 INS & DEL (삽입&삭제)

  See the Pen https://codepen.io/pp_exp/pen/ZgXgxg/">
  ZgXgxg by ++EXP (https://codepen.io/pp_exp">@pp_exp)
  on https://codepen.io">CodePen.

<INS>와 <DEL>은 둘 모두 의미를 갖고 있으며, 표현을 위해서만 사용하지 않아야 한다. 

 

<INS>는 삽입 줄에 대한 표기이며, <DEL>은 삭제된 줄에 대한 표기이다. 

<INS>는 밑줄로 표기가 이루어지고, <DEL> 텍스트 중간에 취소선 표기가 이루어진다. 

---

*아직 배우지 않았으나, <INS>와 <DEL>은 각각 시작과 종료 태그 사이에 위치하는 컨텐츠 영역의 대상에 따라서 BLOCK 요소 일수도, INLINE 일 수도 있다. 단, <INS>와 <DEL>이 인라인 형태로 사용되었다면, 그 안에는 BLOCK 요소가 있어선 안된다.