📝 태그 설명
🖥️ 1. <div> ~ <div/> 태그
1-1. 영역을 구분하기 위한 <div> 태그
- 상단, 메뉴, 본문, 하단 등과 같이 웹 페이지의 레이아웃에 대한 영역을 구분하기 위해 사용된다.
- 서로 중첩되어 사용할 수 있으며 다른 태그를 포함할 수 있다.
1-2. 모든 태그에 사용되는 id 속성
<div id="값"> ... </div>
- 현재 웹페이지에서 고유한 요소를 의미하기 위한 값
- 영역을 나누는 div에 사용될 경우, 해당 태그가 어떤 영역으로 사용되었는지를 파악하기 위해 저장된다.
- 다른 요소와 중복된 값을 갖지 못한다.
📝 예시
<body>
<!-- 전체 사이트 영역 -->
<div id="container">
<!-- 사이트 상단 영역 -->
<div id="header">
<h1>우리 사이트</h1>
</div>
<hr/>
<!-- 사이트 내용 영역 (사이드바,내용) -->
<div id="content">
<!-- 사이드바 -->
<div id="sidebar">
<h2>메뉴 선택하기</h2>
<ul>
<li>메뉴1</li>
<li>메뉴2</li>
<li>메뉴3</li>
</ul>
</div>
<hr/>
<!-- 본문 영역 -->
<div id="main">
<h1>웹 접근성이란</h1>
<h2>
장애에 구애 없이 모든 사람들이 정보를 공유할 수 있는 공간
</h2>
<p>
웹 접근성이란?
장애에 구애 없이 모든 사람들이 정보를 공유할 수 있는 인터넷 공간 만들기
</p>
<blockquote>
월드 와이드 웹 (World Wide Web)을 창시한 팀 버너스 리(Tim Berners-Lee)는
웹이란 '장애에 구애 없이 모든 사람들이 손쉽게 정보를 공유할 수 있는 공간'이라
정의하였다.
</blockquote>
</div>
</div>
<hr/>
<!-- 사이트 하단 영역(주소, 카피라이트)-->
<div id="footer">
<adress>
copyright © codingbox.co.kr
</adress>
</div>
<hr/>
</div>
</body>