랜드마크 역할 및 문서구조 역할 지정

2017. 4. 7. 00:24HTML

1. 랜드마크 (Landmark)

 Banner

 페이지의 배너 영역을 나타냅니다.

 Search

 페이지의 검색 영역을 나타냅니다.

 navigation

 네비게이션 영역을 나타냅니다.

 main

 (본문영역) 주된 내용이 시작됨을 나타냅니다.

 contentinfo

 (푸터영역) 저작권 정보, 발행일 등을 나타냅니다.

 complementary

 페이지의 주된 내용을 보충하지만, 자체로도 의미 있는 영역일 경우 (사이드바)

 application

 웹 문서가 아니라 웹 애플리케이션을 담고 있는 영역을 나타냅니다.


2. 문서구조

 article

 사이트나 문서에서 독립적인 부분을 구성할 수 있는 영역을 나타냅니다.

 definition

 용어나 개념의 정의를 나타내는 영역입니다.

 directory

 목차 등 세부 엘리먼트들의 참조를 목록의 형태로 제공하는 영역입니다. 정적인 내용에 쓰입니다.

 document

 문서의 내용을 담고 있는 영역을 나타냅니다. 애플리케이션 내용과는 구별됩니다.

 group

 사용자와 상호작용하는 요소들을 모아 놓은 영역입니다.

 heading

 페이지에서 절의 제목 등을 표시하는 영역입니다.

 img

 이미지와 관련된 요소들을 포함하는 영역입니다. 이미지일수도 있으며 설명하는 텍스트나 캡션일수도 있습니다.

 list

 상호작용하지 않는 리스트아이템을 모아 놓은 영역입니다. (ul, ol 요소 등)

 listitem

 상호작용하지 않는 리스트아이템을 나타냅니다.(li 요소)

 math

 수학 표현을 나타냅니다.

 note

 컨텐츠를 보조하는 내용을 담은 영역입니다.

 presentation

 보조기구에서 무시해도 괜찮은 영역을 나타냅니다.

 row

 표 형태의 grid에서 한 행을 나타냅니다.

 rowheader

 표 형태의 grid에서 행의 헤더정보를 나타내는 cell을 나타냅니다.

 separator

 section, group, menuitem을 나누는 구분자 역할을 하는 영역입니다.

 toolbar

 자주 사용되는 버튼을 모아놓은 영역입니다.


'HTML' 카테고리의 다른 글

<tr> 태그에서 특정 <td> onclick 이벤트 막기  (0) 2019.05.02
html 문자 실체 참조 / 수치 문자 참조  (0) 2017.12.13
웹브라우저 HTML5 지원정도  (0) 2017.03.06
Form 태그  (0) 2017.02.27
자바스크립트(JavaScript) 객체  (0) 2017.01.20