H5 새로운 요소

으로 볼 수 있습니다. 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 속성: 오디오 주소

루프 속성: 반복 재생 여부

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

컨트롤 속성: 컨트롤 추가

;

첫 번째 유형:

브라우저가 지원하지 않음

두 번째 유형

브라우저가 지원하지 않음