> 웹 프론트엔드 > H5 튜토리얼 > HTML5의 hgroup은 무엇을 합니까? HTML5에서 hgroup 태그의 구체적인 사용법은 여기를 클릭하여 살펴보세요.

HTML5의 hgroup은 무엇을 합니까? HTML5에서 hgroup 태그의 구체적인 사용법은 여기를 클릭하여 살펴보세요.

寻∝梦
풀어 주다: 2018-08-15 16:36:53
원래의
6274명이 탐색했습니다.

HTML5에서 hgroup은 무엇을 합니까? HTML5에서 hgroup 태그의 구체적인 사용법은 여기에 있습니다. 이 문서에서는 HTML5의 hgroup 태그 작성 방법 및 기능을 포함하여 HTML5의 hgroup 태그에 대한 자세한 분석을 제공합니다. .. 자세히 분석했는데 너무 많이 읽지 말고 본문만 읽어보세요.

태그는 HTML 5의 새로운 태그입니다.

HTML5에서 hgroup 태그의 기능은 다음과 같습니다.

태그는 웹 페이지나 섹션의 제목을 결합하는 데 사용됩니다.

태그는 웹 페이지 또는 섹션(DOM 인터페이스, 설정 가능한 속성)의 제목 요소(h1-h6)를 그룹화하는 데 사용됩니다.

예를 들어 섹션에 연속적인 h-시리즈 태그 요소가 있는 경우 hgroup을 사용하여 묶을 수 있습니다.

HTML5의 hgroup 태그는 다음과 같이 작성됩니다.

웹 페이지나 섹션의 제목을 결합하려면

태그를 사용하세요.

<hgroup>
<h1>Welcome to my WWF</h1>
<h2>For a living planet</h2>
</hgroup>
<p>The rest of the content...</p>
로그인 후 복사

hgroup 태그를 사용하여 제목 그룹 표시:

<hgroup>
<h3>这是一个列表</h3>
<h3>这是一个列表</h3>
<h3>这是一个列表</h3>
<h3>这是一个列表</h3>
<h3>这是一个列表</h3>
</hgroup>
로그인 후 복사

hgroup 요소란 무엇입니까:

hgroup 요소는 제목과 부제목을 그룹화하는 요소입니다. hgroup 요소는 일반적으로 h1-h6 요소를 그룹화합니다. 예를 들어 콘텐츠 블록의 제목과 해당 자막은 그룹으로 간주됩니다. 일반적으로 기사에 기본 제목이 하나만 있으면 hgroup 요소가 필요하지 않습니다.

hgroup 요소의 구체적인 사용법:

아래에서는 개발 환경에 대한 자세한 데모를 제공합니다.

<article>
<header>
<h1>文章标题</h1>
<p><time datetiem=”2014-10-08”>2014年10月8日</time></p>
</header>
<p>文章正文</p>
</article>
로그인 후 복사

기사에 기본 제목이 있고 기본 제목 아래에 부제목이 있는 경우 hgroup 요소가 필요합니다.

<article>
<header>
<hgroup>
<h1>文章主标题</h1>
<h2>文章子标题</h2>
</hgroup>
<p><time datetime=”2014-10-08”>2014年10月08日</time></p>
</header>
<p>文章正文</p>
</article>
로그인 후 복사

이 코드의 효과는 직접 상상해보시면 됩니다^^

같은 블록에 있는 제목에 메인 제목과 부제목이 있을 경우, 이를 감싸기 위한 hgroup 요소가 필요합니다. 거의 사용되지 않지만 여전히 필수입니다. 그러나 이 태그는 HTML5.1에서 폐지되었지만 다른 버전에서는 여전히 매우 유용합니다. 좋습니다. 질문이 있으면 질문해 보세요.

【관련 추천】

HTML5에서 웹이란 무엇인가요? 웹 스토리지의 요소는 무엇인가요?

HTML5의 기사 태그가 무엇인가요? HTML5에서 기사 요소는 어디에 사용됩니까?


위 내용은 HTML5의 hgroup은 무엇을 합니까? HTML5에서 hgroup 태그의 구체적인 사용법은 여기를 클릭하여 살펴보세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿