Semantic HTML 필요성
모든 웹의 근간이 되는 문서이다.
원칙적으로 모든 스타일을 제거하고도 HTML 하나만으로 모든 정보가 전달되어야 한다.
의미가 없는 div span을 남용한다면, 시각적 정보 외의 메타데이터가 부족하여 기계에게
의미 전달이 충분히 되지 않는다. 그렇기 때문에 Semantic Web과 Semantic tag의 존재 이유이다.
필요한 이유.
1. SEO 검색엔진 최적화 (Search Engine Optimization)
관련 키워드로 검색 했을때 검색 결과 사위에 문서를 노출하려면 SEO 최적화는 필수이다.
문서의 제목을 해당하는 , 본문영역표시 <Main>, 글 제목 <h1>등 주요 항목을 별도의 태그로 구분한 문서가 더 좋은 점수를 획득한다.
영역구분이 확실하게 되면 더 적절한 키워드를 추출한다. 그렇게 되면 검색 결과 상위에 노출 빈도수가 높게 된다.
2. 웹접근성
누구나 웹 개발 사이트에 접근하기 쉽게 기술적으로 보장하는일, 특히 장애인이거나 나이가 많아 인터넷 이용이 어려운 사람의 접근을 높이는 것이 목표이다.
시작 장애인은 스크린리더로 HTML 문서를 음성으로 해석하는데 사진이나 동영상 의 경우 alt 속성에 있는 텍스트를 읽어 주며 웹근을 용이 하게 한다.
예
alt, aria-label
3. 유지보수, 협업
다른사람들도 수정을 하고, 협업을 해야 하는 페이지라면 모두 알아보기 쉽게 시멘틱 태그를 활용하여
마크업을 하는 것이 좋다.
Semantic Tag
article aside footer header main nav section
그냥하기.😎