[HTML] 시맨틱 태그(semantic tag)와 웹페이지 구조(page structure)

1) 시맨틱 태그(semantic tag)

semantic markup

① 사용 이유

- SEO(검색엔진최적화)

- accesibility(웹접근성)

- 개발자들을 위해

​

② 종류

- <header> : 웹사이트의 브랜드 로고 및 메뉴 아이템등을 사용시

- <nav> : 여러가지 메뉴들이 모아서 사용시

- <footer> : 웹사이트 마지막 부가적인 정보 또는 링크 사용시

- <main> : 웹 사이트에서 중요한 컨텐츠 사용시

- <aside> : main 안에 컨텐츠와 직접적으로 상관없는 부가적인 내용 사용 시( ex) 광고, 링크 등등 )

- <article> : 내용이 독립적이고 홀로 설 수 있는 내용 사용시

- <section> : 서로 관계 있는 문서를 분리해서 사용시

​

​

2) 웹페이지 구조(page structure)

시맨틱태그들을 어떤 위치에서 어떤 구조로 사용하는지 알아두어야한다.

​