[HTML] 섹션(Sections) and 메인(Main) 요소
웹/HTML2018. 8. 2. 16:08
HTML 섹션(Sections) and 메인(Main) 요소
<!DOCTYPE html> <html lang="ko-KR"> <head> <meta charset="UTF-8"> <title>섹션(Sections) and 메인(Main) 요소</title> </head> <body> <h3>루트 섹션 요소</h3> <ul> <li>body</li> <p> 문서내에서 단 1번만 사용 가능합니다. </p> </ul> <h3>섹션 요소</h3> <p> 섹션 요소는 명시적으로 나열되는 경우에 사용합니다.<br> 일반적인 컨테이너 요소가 아닙니다.<br> ex) 일반적인 컨테이너 요소 div, span </p> <ul> <li>article</li> <p> 문서, 사이트, 페이지 등에 포함한 독립적인 섹션.<br> ex) 기사, 신문, 논문, 신문, 잡지 등에서 사용합니다.<br> 각 article 요소는 제목 요소를 포함해야합니다. <!--ex) <article> <h2> 제목 </h2> ... </article> --> </p> <li>section</li> <p> section 요소는 주제별로 그룹화 된 콘텐츠입니다.<br> 소개, 연락처 정보 등 </p> <li>aside</li> <p> 웹 사이트에서 side bar에 해당하는 부 콘텐츠 섹션<br> ex) 광고 </p> <li>nav</li> <p> 다른 페이지로 이동하는 링크 or 해당 페이지 내 어떠한 지점으로 이동하는 링크를 포함하는 섹션 요소입니다.<br> 보통 nav 내부에서는 ul을 사용합니다. </p> </ul> <h3>섹션 내부에 사용되는 요소</h3> <ul> <li>header</li> <p> 일반적으로 섹션의 제목, 목차, 검색 등을 포함하는데 사용합니다. </p> <li>footer</li> <p> 일반적으로 섹션의 저자, 링크, 저작권 등을 포함하는데 사용합니다. </p> </ul> <h3>메인 요소</h3> <ul> <li>main</li> <p> main 요소는 섹션 요소가 아니다. 보이는 요소가 2개 이상이면 안됩니다.<br> 다시 말해 main 요소가 2개 이상인 경우는 1개를 제외한 나머지들은 hidden 처리를 해야합니다.<br> 섹션 요소들은 main 요소를 자식으로 포함할 수 없지만 main 요소는 섹션요소를 자식으로 포함할 수 있습니다.<br> main 내부에는 header와 footer 요소를 직접적으로 포함하지 않습니다. </p> </ul> </body> </html>
결과
다음 시간
HTML br hr s
'웹 > HTML' 카테고리의 다른 글
| [HTML] br hr s (0) | 2018.08.02 |
|---|---|
| [HTML] Phrasing 어휘 요소 (0) | 2018.08.02 |
| [HTML] Quotation (0) | 2018.08.02 |
| [HTML] dl dt dd (0) | 2018.08.02 |
| [HTML] Anchor, Hyperlink (0) | 2018.07.24 |
댓글()
