시멘틱 태그

시멘틱 태그란?

: 의미가 있는 태그를 말한다.

SEO
검색을 최적화 하기 위해서 우리가 제목, 부제목, 시멘틱 태그를 잘 활용한다면, 특정 키워드로 검색했을 때, 내가 만든 웹사이트가 검색창에 노출될 수 있다. 다시 말해서, 브라우저의 검색 엔진이 내가 만든 웹사이트를 어떤 검색 결과에 띄워줘야 되는 지 알려 줄 수 있다.
웹 접근성
웹페이지를 시각적이 아니라, 음성으로 읽어주는 "스크린리더"를 이용하거나 또는 키보드만을 이용해서 내가 만든 웹사이트를 이용하는 경우, 적절한 시멘틱 태그로 잘 만들어진 웹사이트라면 스크린리더이든, 키보드만을 사용해서 동작하든 문제 없이 동작할 수 있습니다.
유지보수성
단순히 div 태그로만 모든 구조를 짜는 것보다는 더 한눈에 알아보기 쉽기 때문에 다른 개발자들이 코드를 유지보수 하기에 좋다.

: 시멘틱 태그를 사용하면 검색 엔진 최적화에서 보다 효율적이고 검색이 잘 되도록 도와주는 역할을 합니다.

[html] html5 시맨틱 태그란? 태그별 사용법

html을 이루는 기본 단위로 태그라는 것이 있다. 가장 대표적인 태그로는 div 태그가 있는데 이런 식으로 사용을 한다. div 태그의 가장중요한 역할은 여러가지 요소들을 한데 묶어주는 역할을 한

falaner.tistory.com

Semantic Tag 와 헷갈리는 tag들 정리

오늘은 시멘틱 태그에 관해서 정리해보자! 사실, 시맨틱 태그는 HTML5에서 처음 등장하는 tag들이다. div에 class 값을 붙여서 스타일링하면, 모든 작업이 가능했지만, 파일이 커지면, 커질수록 지져

velog.io