[HTML] 텍스트 태그 (p, strong, em, span, u)

내가 찾아보려고 정리하는 HTML 텍스트 태그

 

 

1. p 태그 <p></p>

paragraph (문장) 을 뜻하며 문장 또는 어떤 텍스트를 쓸 때 사용합니다.

p 태그는 '블록 요소' 입니다. 

* 텍스트 : 글, 숫자, 특수문자.

 

2. span 태그 <span></span>

span 태그는 '인라인 요소' 입니다. (줄바꿈이 되지 않습니다.)

문장 전체 또는 부분을 강조하거나 밑줄을 칠 때 사용할 수 있는 태그

 

3. strong 태그 <strong></strong>

중요한 부분을 강조하는 태그

스크린리더(시각장애가 있는 분들이 사용하는 프로그램)가 가능한 중요한 태그

 

4. em 태그 <em></em>

텍스트를 기울인다. 문장 전체 또는 부분을 강조할 때 사용한다. 

 

5. br 태그 <br> 또는 <br />

줄바꿈

 

 

이외에도 <b> 텍스트 굵게, <i> 기울임 태그(현재 아이콘을 넣을 때 사용됨), <u> 텍스트에 밑줄 칠 때

 같은 태그들이 있지만 잘 사용하지 않는다고 한다.

 

 

 <strong> ,</em> 태그는 시멘틱 태그

시멘틱 태그란? 위치, 용도를 규정해 사용하는 의미있는 태그 (쉽고 편하게 쓰려고 하는 태그)

웹 접근성에 도움을 주는 중요한 태그