Wulin.com의 기사 소개 (www.vevb.com) : HTML5 HGROUP 요소 사용 개요.
HGROUP은 HTML5의 새로 정의 된 요소로 제목과 자막을 그룹화하는 데 사용됩니다. 헤더 태그가 이미있는 경우 <hgroup> 태그가 필요한 이유는 무엇입니까? 이 질문에 대한 답은 다음과 같습니다
<hgroup> 요소는 무엇입니까?다음은 <hgroup>에 대한 문서의 설명에 대한 설명입니다.
HGROUP은 일반적으로 블록 내의 제목 및 자막과 같은 하나 이상의 H1 내지 H6의 요소 그룹으로 사용됩니다.
HGROUP 요소는 일반적으로 하나 이상의 H1-H6 요소 세트 (예 : 섹션 제목 및 동반 자막)를 그룹화하는 데 사용됩니다.
W3C 사양
이 표현은 무엇을 의미합니까?<hgroup>은 & ls; 헤더> 요소에있을 수있는 하나 이상의 타이틀 관련 컨테이너를 포함 할 수있는 역할을합니다. 자막, 선택 제목 또는 태그 제목 일 수있는 H1-H6의 제목 요소 만 포함 할 수 있습니다.
<hgroup>을 사용하는 방법을 이해하는 간단한 방법은 몇 가지 예를 통해 이루어집니다. 예를 들어, 다음 Dr.Oli 예 :
기사 태그에 제목이 하나만있는 경우 :
1
2
3
4
<기사>
<H1> 기사 제목 </h1>
<p> 내용… </p>
</article>
기사 태그에 제목이 있고 메타 데이터 (Meatadata)도 포함 된 경우
1
2
3
4
5
6
7
8
<!-헤더의 제목 및 메타 데이터 포장->
<기사>
<Header>
<H1> 기사 제목 </h1>
<p> (<time dateTime = 2009-07-13> 2009 년 7 월 13 일 </time>) </p>
</헤더>
<p> 내용… </p>
</article>
기사 태그에 일련의 자체 폐쇄 제목이있는 경우
1
2
3
4
5
6
7
8
<!-HGROUP의 제목 H1 및 자막 H2->
<기사>
<hgroup>
<H1> 기사 제목 </h1>
<H2> 기사 자막 </h2>
</hgroup>
<p> 내용… </p>
</article>
기사 태그에는 제목과 자막 및 메타 데이터가 포함되어 있습니다.
1
2
3
4
5
6
7
8
9
10
11
<!-헤더와 hgroup->를 사용하는 제목
<기사>
<Header>
<hgroup>
<H1> 기사 제목 </h1>
<H2> 기사 자막 </h2>
</hgroup>
<p> (<time dateTime = 2009-07-13> 2009 년 7 월 13 일 </time>) </p>
</헤더>
<p> 내용… </p>
</article>
<hgroup>을 사용하는 이유는 무엇입니까?<hgroup>을 사용하여 문서 개요를 시작합니다 (문서 개요).
그룹의 제목이 <hgroup> 요소에 있으면 개요 알고리즘이 그룹의 저수준 타이틀을 덮어 쓰고 최고 수준의 타이틀을 개요로 사용합니다. 다음은 예입니다.
1
2
3
4
5
6
<Header>
<hgroup>
<h1> <a href =/> 미니 앱 </a> </h1>
iPhone, Android 및 기타 모바일 플랫폼 용 웹 응용 프로그램 </h2>
</hgroup>
</헤더>
<hgroup>에는 H1-H2의 제목 요소가 포함되어 있지만 <H1>만이 개요에 포함됩니다. 아래 그림과 같이.
이 링크에서 문서 개요를 볼 수 있습니다.
요약 :
우리가 방금 이야기 한 것은 <hgroup> 요소를 효율적으로 사용하는 방법입니다. 검토합시다 :
. 제목 요소가 하나만 있으면 (H1-H6에있는) <hgroup>이 필요하지 않습니다.
. 하나 이상의 제목과 요소가 나타나면 <hgroup>을 주변에 적용합니다.
제목에 섹션이나 기사와 관련된 자막 또는 기타 메타 데이터가 있으면 <hgroup> 및 메타 데이터를 별도의 <Header> 요소 컨테이너에 넣으십시오.
오리지널 중국어 : HTML5 HGROUP 요소 사용 개요
원래 영어 : 일반적인 HTML5 실수를 피하십시오