[HTML] Semantic Tag (시멘틱 태그)가 무엇이고 왜 사용해야 하는가? (<div> 태그 남발하는 사람 필독)

문제상황 프론트 관련 글들을 읽다가 발견한 처음 보는 용어인 시멘틱 태그를 발견하여 읽어보게 되었습니다. 그런데 html을 작성할 때 div를 남발하던 습관이 좋지 않았음을 깨닫게 해주어서 이에 대해서 공유하기 위해 글을 올립니다!

Semantic Tag가 뭔데? 시멘틱(semantic) 태그는 HTML5에서 도입된 중요한 개념으로, 웹 콘텐츠의 의미를 명확하게 정의하는 데 사용됩니다.

이러한 태그들은 HTML 문서 구조를 더 논리적으로 만들어주는 역할을 합니다. 예를 들어, 와 같은 일반적인 블록 레벨 요소는 의미를 담고 있지 않지만, 시멘틱 태그들은 요소가 웹 페이지에서 수행하는 역할을 나타냅니다.

주요 시멘틱 태그들: : 페이지나 섹션의 헤더를 정의 : 내비게이션 링크들을 묶는 역할 : 문서의 주요 콘텐츠를 감싸는 요소 : 문서 내 특정 주제별로 구분된 섹션을 나타냄 : 독립적으로 구분될 수 있는 콘텐츠...

요청 처리 중입니다...

[HTML] Semantic Tag (시멘틱 태그)가 무엇이고 왜 사용해야 하는가? (<div> 태그 남발하는 사람 필독)

등록된 다른 글