TEXT Tag

html은 대부분 텍스트로 이루어진다.

중요한 텍스트 관련 태그들에 대해 알아보자

 

1. headings tag - semantic tag

헤딩 태그는 제목을 나타낼 때 사용하며 h1 ~ h6까지 태그가 있다. (숫자가 커질수록 크기가 작아진다)

semantic tag인 만큼 제목 이외에는 사용하지 말자. 검색엔진이 검색시 heading태그를 중요한 의미로 받아 들일 가능성이 있다.

 

2. text formatting tag 

<b> - bold 체를 지정한다  - nonsemantic tag

<strong> - b tag와 동일하게 bold체 지정 b태그와 표현은 같지만 웹표준을 준수하자면 strong을 사용하자 - semantic tag

<i> - italic체로 지정 - - nonsemantic tag

<em> - emphasized(강조, 중요한) text를 지정, i tag와 동일하게 italic체 - semantic tag

<small> - small text지정

<mark> - highlighted text 지정

<del> - deleted (removed) text 지정 (화면상 줄그어진 텍스트로 표현)

<ins> - inserted (added) text 지정 (화면상 아래에 밑줄이 그어져 있다)

<sub>/<sup> - sub은 아래에 쓰인 텍스트  sup은 위에 스인 텍스트

 

3. 본문태그

<p> - paragraphs를 지정한다. 보통 문단 단위 긴 길이의 텍스트를 넣을 때 쓴다.

<br> = 강제개행을 지정한다. empty element로 종료태그가 없다.(줄바꿈)

<pre> = preformmated(형식화된) text를 지정. pre태그 내의 content는 작성된 그대로 브라우저에 표시된다.

<hr> = 수평줄을 삽입한다. ( border-bottom의 느낌이다. )

<q> = short quotation(짧은 인용문)을 지정한다. 인용부호(큰따옴표-quotation marks)로 q요소를 감싼다.

<blockquote> =long quotation(긴 인용문)을 지정한다. blockquote요소를 들여쓰기 한다.

css를 활용해 다양한 style을 적용 가능poiemaweb.com/html5-tag-text

HTML5 Tag - Text | PoiemaWeb