>  기사  >  웹 프론트엔드  >  H5 새로운 요소

H5 새로운 요소

高洛峰
高洛峰원래의
2016-10-12 10:51:121305검색

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일

 

2015년 10월 12일 오후 8시

2015년 10월 12일 오후 8시

미국 시간 2015년 10월 12일 오후 8시

8.hgroup 요소

일반적으로 사용되는 제목 그룹화는 일반적으로 다음 위치에 배치됩니다. 헤더이지만 필수사항은 아니며 절대값은 아닙니다

9. 주소 요소

주로 이름, 이메일, 전화번호, 주소 등의 연락처 정보를 기술하는 데 사용됩니다. 🎜>

주소 요소의 내용은 이탤릭체로 표시됩니다

10. 새로운 레이아웃의 장점

1. 형태보다는 내용에 더 집중

2. 사람들에게 친숙함: 의미가 더 풍부하고 설명이 풍부하며 직관적이며 코드 가독성이 향상되었습니다.

3. 컴퓨터 친화적: 브라우저가 문서 내용을 파싱하고 검색 엔진이 문서 내용을 크롤링하기가 더 쉽습니다

4. 코드가 더 간결해졌습니다

11. Figure 요소

Figure/figcaptio는 HTML5의 새로운 요소입니다.

Figure 요소는 이미지, 아이콘 등 다른 미디어 요소가 결합된 미디어 조합 요소입니다.

12.figcaptio 요소

그림 요소의 제목을 정의하는 데 사용됩니다

13.video

src 속성: 오디오 주소

루프 속성: 반복 재생 여부

; 자동 재생 속성: 자동 재생 여부

컨트롤 속성: 컨트롤 추가

;

첫 번째 유형:

브라우저가 지원하지 않음

두 번째 유형

브라우저가 지원하지 않음



성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.