[HTML 시맨틱 구조 태그] #01 HTML 시맨틱 구조 태그 완전 정리
·
Web Front/HTML
안녕하세요, 토스트데브입니다!이번 글에서는 HTML5에서 새롭게 도입되어 의미 있는 문서 구조를 구성하는 데 도움을 주는 시맨틱 태그(Semantic Tags)에 대해 알아보겠습니다.시맨틱 태그를 잘 사용하면 단순히 보이는 웹페이지를 넘어서, 구조적이고 접근성 높은 문서를 만들 수 있습니다. ✅ 시맨틱 태그란?"시맨틱(Semantic)"은 "의미론적인"이라는 뜻입니다.즉, 시맨틱 태그는 단순히 레이아웃만 나누는 것이 아니라, 해당 영역이 어떤 의미를 갖는지를 브라우저와 개발자, 검색엔진에게 알려주는 태그입니다. 📌 대표 시맨틱 태그 정리1. – 머리말 영역페이지 전체나 특정 섹션의 머리말을 나타냅니다.로고, 사이트명, 내비게이션 메뉴 등을 포함할 수 있어요. 토스트데브 ... 한 문서 안에서..