HTML5 시맨틱 페이지-레이아웃 태그
HTML5는 포함된 내용을 설명하는 여러 가지 의미 있는 페이지-레이아웃 태그를 정의합니다. 이러한 태그를 통해 검색 엔진 및 화면 판독기에서 내용을 쉽게 읽고 구성할 수 있습니다.
필수 Edition
| 지원 제품: Salesforce Classic |
구매 가능 제품: Enterprise, Performance및 Unlimited Edition 지원 제품(제한 있음): Developer Edition |
기본적으로 패널, 데이터 반복기, 데이터 요소, 콘텐츠 블록 및 사용자 정의 코드를 포함하여 여러 페이지 요소가 div로 정의됩니다. 페이지 요소의 HTML 태그 속성을 사용하여 다음과 같이 시맨틱 HTML5 블록 태그로 태그를 변경할 수 있습니다.
| 옵션 | 설명 |
|---|---|
| 기사 | 내용의 독립 항목이 포함되어 있는 섹션입니다(예: 매거진 기사 또는 포럼 게시물). |
| 측면 | 표면적으로 기본 페이지 내용에만 연결된 내용이 포함되어 있는 섹션입니다(예: 링크 모음 또는 광고). |
| 세부 사항 | 대화형 위젯을 사용하여 사용자가 보거나 숨길 수 있는 추가 세부 사항이 포함되어 있는 섹션입니다. 요약 섹션도 포함될 수 있습니다. |
| 머리글 | 소개 또는 탐색 요소의 그룹이 포함되어 있는 섹션입니다. |
| 바닥글 | 상위 섹션 또는 페이지에 대한 바닥글 섹션입니다. 일반적으로 상위 섹션에 대한 정보가 포함되며 섹션의 끝에 표시됩니다. |
| Nav | 탐색 링크가 포함되어 있는 섹션입니다. |
| 섹션 | 페이지의 일반 섹션입니다. |
| 요약 | 세부 사항 섹션에 대한 요약 또는 캡션 섹션입니다. |
팁 HTML5 시맨틱 태그를 사용할 경우 HTML5로 페이지의 doctype도 변경하는 것이 좋습니다.
다음 사항도 참조:
이 기사를 통해 문제를 해결했습니까?
개선을 위한 의견을 보내주세요.
