- 웹 문서 구성과 관련된 Semantic Tag
<pre></pre> <section> <header></header> <main> <article> <h1></h1> <p></p> <code></code> </article> </main> <footer></footer> </section>
- 강조하는 부분에 사용할 수 있는 Semantic Tag
<em></em> <!-- 강조 --> <strong></strong> <!-- 강조 --> <mark></mark> <!-- 하이라이트 표시 --> <cite></cite> <!-- 문구 인용 --> <dfn></dfn> <!-- 용어 정의 -->
HTML의 기본적인 역할은 웹 문서의 구조 형성입니다. 최근 추세는 거기에 더해 HTML Tag들을 좀더 유의미하고 짜임새 있게 구성하고, 검색엔진 최적화(SEO)를 위하여 위와 같은 Tag들의 사용을 권장하고 있습니다.
위의 경우와 달리 아래의 태그는 단지 글자의 스타일만 변경하므로 사용을 권장하지 않습니다.
<i></i> <!-- 대신 <em></em> -->
<b></b> <!-- 대신 <strong></strong> -->