HTML - 시멘틱 웹 태그

시멘틱 웹 태그

전 세계에 만들어져있는 웹 문서의 갯수가 증가

따라서 정확하고 가치 있는 정보 탐색을 위해 요구하는 사항들이 점점 늘어남

>> 웹 세상에서 방대하게 퍼져있는 웹 문성를 보다 쉽고 정확하게 구분하고 조합하기 위한 시멘틱 웹 태그를 사용하게 되었다.

사용 이유

1) 웹 접근성

장애를 가진 사람과 가지지않은 사람 모두가 웹 사이트를 이용할 수 있게 하는 방식을 가리킨다.

2) 검색엔진

검색엔진의 자체 알고리즘이 키워드를 추출하는데 이 때 해당 알고리즘이 시멘틱 태그를 읽어

더욱 정확한 내용을 전달하여 검색 엔진 상위 문서에 노출될 수 있도록 해줌

3)가독성

시멘틱 웹 태그의 종류

1) header

웹 사이트의 제목, 로고, 검색 폼, 작성자 이름 등의 요소등을 담는 태그

2) hgroup

다수의 h1~h6을 묶을 때 사용하는 태그

ex) <hgroup> <h1></h1><h2></h2>...</hgroup>

3) nav

다른 페이지로의 링크를 보여주는 태그. 메뉴, 목차, 색인 등에 사용된다.

4) section

한 문서의 구간을 나타내며, 적합한 뜻은 가진 요소가 없을 때 사용하는 태그

5) article

문서, 페이지, 어플리케이션 또는 사이트 안에서 독립적으로 구분해 재사용할 수 있는 구간

게시판, 블로그 글, 매거진이나 뉴스 기사

6) aside

문서의 주요 내용과 간접적으로 연관된 부분을 나타내는 태그. 주로 사이드바에 사용된다.

7) footer

--------------------------------------------------------------------------

time, figure, fieldlist, details, mark, summary, main 등 다양한 시멘틱 웹 태그들이 존재

코딩헬짱