H5 새로운 요소

Oct 12, 2016 am 10:51 AM

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으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

<gum> : Bubble Gum Simulator Infinity- 로얄 키를 얻고 사용하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
Nordhold : Fusion System, 설명
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora : 마녀 트리의 속삭임 - Grappling Hook 잠금 해제 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

H5 코드 : 웹 개발자를위한 모범 사례 H5 코드 : 웹 개발자를위한 모범 사례 Apr 16, 2025 am 12:14 AM

H5 코드에 대한 모범 사례는 다음과 같습니다. 1. 올바른 문서 선언 및 문자 인코딩 사용; 2. 시맨틱 태그를 사용하십시오. 3. HTTP 요청을 줄입니다. 4. 비동기 부하 사용; 5. 이미지 최적화. 이러한 관행은 웹 페이지의 효율성, 유지 관리 및 사용자 경험을 향상시킬 수 있습니다.

H5 : 웹 표준 및 기술의 발전 H5 : 웹 표준 및 기술의 발전 Apr 15, 2025 am 12:12 AM

웹 표준과 기술은 현재까지 HTML4, CSS2 및 간단한 JavaScript에서 발전했으며 중대한 개발을 거쳤습니다. 1) HTML5는 캔버스 및 웹 스토리지와 같은 API를 도입하여 웹 응용 프로그램의 복잡성과 상호 작용을 향상시킵니다. 2) CSS3은 애니메이션 및 전환 기능을 추가하여 페이지를보다 효과적으로 만듭니다. 3) JavaScript는 화살표 기능 및 클래스와 같은 Node.js 및 ES6의 최신 구문을 통해 개발 효율 및 코드 가독성을 향상시킵니다. 이러한 변경으로 인해 웹 애플리케이션의 성능 최적화 및 모범 사례의 개발이 촉진되었습니다.

H5 : 웹에서 사용자 경험을 향상시키는 방법 H5 : 웹에서 사용자 경험을 향상시키는 방법 Apr 19, 2025 am 12:08 AM

H5는 멀티미디어 지원, 오프라인 스토리지 및 성능 최적화로 웹 사용자 경험을 향상시킵니다. 1) 멀티미디어 지원 : H5 및 요소는 개발을 단순화하고 사용자 경험을 향상시킵니다. 2) 오프라인 스토리지 : WebStorage 및 IndexedDB는 오프라인으로 사용하여 경험을 향상시킵니다. 3) 성능 최적화 : 웹 워즈 및 요소는 성능을 최적화하여 대역폭 소비를 줄입니다.

H5 코드 이해 : HTML5의 기본 사항 H5 코드 이해 : HTML5의 기본 사항 Apr 17, 2025 am 12:08 AM

HTML5는 현대적인 웹 페이지를 구축하는 핵심 기술로 많은 새로운 요소와 기능을 제공합니다. 1. HTML5는 웹 페이지 구조 및 SEO를 향상시키는 의미 론적 요소를 소개합니다. 2. 멀티미디어 요소를 지원하고 플러그인없이 미디어를 포함시킵니다. 3. 양식은 새로운 입력 유형 및 검증 속성을 향상시켜 검증 프로세스를 단순화합니다. 4. 웹 페이지 성능 및 사용자 경험을 향상시키기 위해 오프라인 및 로컬 스토리지 기능을 제공합니다.

H5 코드 해체 : 태그, 요소 및 속성 H5 코드 해체 : 태그, 요소 및 속성 Apr 18, 2025 am 12:06 AM

HTML5 코드는 태그, 요소 및 속성으로 구성됩니다. 1. 태그는 컨텐츠 유형을 정의하고 다음과 같은 각도 브래킷으로 둘러싸여 있습니다. 2. 요소는 컨텐츠와 같은 시작 태그, 내용 및 엔드 태그로 구성됩니다. 3. 속성 시작 태그에서 키 값 쌍을 정의하고 기능을 향상시킵니다. 웹 구조를 구축하기위한 기본 단위입니다.

H5 코드의 빌딩 블록 : 주요 요소 및 그 목적 H5 코드의 빌딩 블록 : 주요 요소 및 그 목적 Apr 23, 2025 am 12:09 AM

HTML5의 주요 요소에는 최신 웹 페이지를 작성하는 데 사용되는 ,,,,, 등이 포함됩니다. 1. 헤드 컨텐츠 정의, 2. 링크를 탐색하는 데 사용됩니다. 3. 독립 기사의 내용을 나타내고, 4. 페이지 내용을 구성하고, 5. 사이드 바 컨텐츠 표시, 6. 바닥 글을 정의하면, 이러한 요소는 웹 페이지의 구조와 기능을 향상시킵니다.

HTML5 및 H5 : 일반적인 사용법 이해 HTML5 및 H5 : 일반적인 사용법 이해 Apr 22, 2025 am 12:01 AM

HTML5와 H5 사이에는 차이가 없으며, 이는 HTML5의 약어입니다. 1.HTML5는 HTML의 다섯 번째 버전으로 웹 페이지의 멀티미디어 및 대화식 기능을 향상시킵니다. 2.H5는 종종 HTML5 기반 모바일 웹 페이지 또는 응용 프로그램을 참조하는 데 사용되며 다양한 모바일 장치에 적합합니다.

H5와 HTML5 사이의 연결 : 유사성과 차이 H5와 HTML5 사이의 연결 : 유사성과 차이 Apr 24, 2025 am 12:01 AM

H5 및 HTML5는 다른 개념입니다. HTML5는 새로운 요소 및 API를 포함하는 HTML의 버전입니다. H5는 HTML5를 기반으로 한 모바일 애플리케이션 개발 프레임 워크입니다. HTML5는 브라우저를 통해 코드를 구문 분석하고 렌더링하는 반면 H5 응용 프로그램은 컨테이너를 실행하고 JavaScript를 통해 기본 코드와 상호 작용해야합니다.

See all articles