HTML 웹 문서 구조를 만드는 시맨틱 태그

시맨틱은 '의미론적인', '의미가 통하는' 이라는 뜻이 있으며 각 태그들이 어떤 역할을 하는지 알 수 있습니다.

 

그렇다면 시맨틱 태그는 왜 필요할까? 이유는 두가지가 있으며

 

첫번째 이유로는 시맨틱 태그를 사용하면 웹 브라우저가 HTML 소스 코드만 보고도 어는 부분이 제목이고 메뉴이고 본문 내용인지 쉽게 알 수 있기 때문입니다. 

두번째 이유는 문서의 구조가 나누어 지면서 PC 또는 모바일의 웹 브라우저와 여러 스마트 기기의 다양한 화면에서 웹 문서를 표현하기 쉽기 때문입니다. 

 

시맨틱 태그의 기본 구조

시맨틱 태그에는 여러가지 태그가 있으나 주로 사용하는 시맨틱 태그는 다음과 같습니다.

<header>

<nav>

<main>

<article>

<section>

<aside>

<footer>

 

시맨틱 태그에 대한 참고 사이트 입니다.

https://www.w3schools.com/html/html5_semantic_elements.asp