02_2 웹 문서 구조를 만드는 시맨틱 태그

HTML 문서의 구조를 잡아 주는 시맨틱 태그HTML 문서를 작성할 때 모든 영역을 요소만으로 구성할 수도 있다. 그러나 이렇게 작성하면 각 영역이 어떤 의미와 역할을 가지는지 코드를 보고 바로 이해하기 어렵다.예를 들어 다음과 같은 코드를 살펴보자. 로고와 메뉴 주요 콘텐츠 관련 정보 저작권 정보브라우저는 이 코드를 화면에 표시할 수 있지만, 각 가 머리글인지, 본문인지, 메뉴인지, 부가 정보 영역인지 명확하게 알 수 없다.HTML5에서는 이러한 문제를 해결하기 위하여 시맨틱 태그(Semantic Tag)를 제공한다.1. 시맨틱 태그란?시맨틱(Semantic)은 ‘의미가 있는’이라는 뜻이다.따라서 시맨틱 태그(Semantic Tag)란 태그 이름만으로..
Front-End-Web/html+css 2026. 9. 6. 20:46
1
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2026/09   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
글 보관함