semantic 태그들

객체의 직렬화 ·2023년 7월 1일

FE

목록 보기
1/10

Semantic 태그는 HTML5에서 추가된 태그로, 웹 페이지의 구조를 더욱 의미론적으로 표현하는 데 사용됩니다.

이전 버전의 HTML에서는 div와 span 등의 일반적인 컨테이너 태그를 사용하여 웹 페이지를 구성했습니다. 그러나 이러한 태그들은 그 자체로는 어떤 의미도 가지지 않기 때문에, 웹 페이지의 내용을 이해하기 어려워지는 경우가 있습니다.

반면에, Semantic 태그는 웹 페이지의 내용과 의미를 더욱 명확하게 표현할 수 있습니다. 예를 들어, header, nav, main, article, section, aside, footer 등의 Semantic 태그를 사용하면 웹 페이지의 구조를 더욱 명확하게 표현할 수 있습니다.

이러한 Semantic 태그는 검색 엔진 최적화(SEO)에도 도움이 됩니다. 검색 엔진은 Semantic 태그를 분석하여 웹 페이지의 내용을 더욱 정확하게 인식하고, 검색 결과에서 더욱 높은 순위로 표시할 수 있습니다.

따라서 Semantic 태그는 웹 페이지의 구조를 더욱 의미론적으로 표현하고, 검색 엔진 최적화에도 도움이 되므로, 웹 개발에서 중요한 역할을 합니다.

profile
Free sprit engineer | 커밋할때마다 손 떨리는 화학원소 - 탄소(C)같은 초급개발자 | James Gosling 같은 사람이 되고 싶은 싶은 자바꿈나무🌱

0개의 댓글