H5 새로운 요소-H5 튜토리얼-php.cn

H5 새로운 요소

高洛峰

풀어 주다： 2016-10-12 10:51:12

원래의

1304명이 탐색했습니다.

H5 신규 요소

1. 기사 요소(태그)

기사, 블로그 등 독립적인 콘텐츠 블록을 정의하는 데 사용됩니다.

다른 요소는 기사 요소 내에 중첩될 수 있습니다. 자체적인 머리, 꼬리, 본문 및 기타 콘텐츠를 가질 수 있습니다. 일반적으로 기사 요소는 콘텐츠의 독립성에 주의하세요. 독립적이고 완전한 콘텐츠에 사용됩니다. 단순한 단락인 경우 콘텐츠에는 섹션 요소를 사용해야 합니다.

2. 섹션 요소

기사의 장을 정의하는 데 사용됩니다(일반적으로 제목과 단락 내용이 있어야 함)

문서에서 특정 콘텐츠 블록을 정의하는 데 사용됩니다. 페이지의 콘텐츠를 청크로 나누는 데 사용되는 영역 그룹화 요소로 간주됩니다.

섹션 요소는 문서의 주요 내용을 정의할 수 있습니다

한 문장으로 내용을 분할하고 페이지를 분할하는 기능을 합니다

두 요소의 차이점에 주의하세요. it과 div는 형식의 독립성을 강조하는 반면 섹션은 내용의 독립성을 강조합니다.

3. 기사 요소와 섹션 요소의 차이점

의미의 차이

기사 요소는 내용의 독립성을 강조합니다.

섹션 요소는 내용의 독립성을 강조합니다. 콘텐츠의 상관 관계

기사 요소는 독립적이고 완전한 콘텐츠이며, 섹션 요소 페이지 콘텐츠는 블록으로 나뉩니다.

같은 점

본질적으로 다음과 같은 div 블록 요소입니다. 의미

및

으로 볼 수 있습니다. 4. Side 요소

Side 요소는 일반적으로 사이드바를 설정하는 데 사용됩니다. >는 기사 요소 내의 콘텐츠와 관련된 경우 기사 요소를 정의하는 데 사용됩니다.

동시에 기사 요소 내에 보조 정보로 중첩될 수도 있습니다. 콘텐츠 관련 참고 자료, 명사 설명 등 주요 콘텐츠

5.nav 요소

디렉터리, 탐색 모음, 하이퍼링크를 정의하는 데 사용

전부는 아님 하이퍼링크는 일반적으로 하나의 문서에만 있는 nav 요소에 배치됩니다. 기본 탐색 모음은 nav에 배치됩니다

기사 페이지에서 nav를 사용하여 텍스트에 대한 디렉토리 하이퍼링크를 만들 수도 있습니다

6. 시간 요소

마이크로 형식의 개념

HTML5의 마이크로 형식은 HTML5의 새로운 태그를 사용하여 웹 페이지에 날짜 및 시간과 같은 추가 정보를 추가하는 방법입니다. 뉴스 이벤트, 기사 발행일 등

　 HTML5의 마이크로포맷은 브라우저의 데이터 추출을 단순화하고 검색 엔진의 검색을 용이하게 하기 위한 것입니다.

시간 요소

시간은 HTML5의 새로운 요소입니다.

시간 요소는 24시간 내의 특정 순간이나 날짜를 나타내며 시차가 허용됨을 나타냅니다. 다양한 형식으로 날짜와 시간을 정의할 수 있습니다.

datetime 속성은 날짜와 시간이 "T" 텍스트로 구분되어야 함을 나타냅니다. "T"는 끝에서 두 번째 줄에 시간 더하기를 나타냅니다. Z 텍스트 기기를 인코딩할 때 UTC 표준 시간을 사용한다는 의미입니다. 현지 시간을 인코딩하는 경우 시차를 추가할 필요가 없습니다.

　pubdate 속성은 선택적인 태그입니다. 이를 통해 검색 엔진/브라우저는 기사 및 뉴스의 게시 날짜를 쉽게 식별할 수 있습니다

7. 시간 요소 예

2015년 10월 12일