Artikel Pengenalan Wulin.com (www.vevb.com): Tinjauan Umum Penggunaan Elemen HGroup HTML5.
Hgroup adalah elemen yang baru didefinisikan dalam HTML5 yang digunakan untuk mengelompokkan judul dan subtitle. Mengapa kita membutuhkan tag <hgroup> jika kita sudah memiliki tag header? Berikut adalah jawaban untuk pertanyaan ini
Apa elemen <hgroup>Berikut adalah deskripsi deskripsi dokumen tentang <hgroup>:
Hgroup umumnya digunakan sebagai kelompok elemen dari satu atau lebih H1 ke H6, seperti judul dalam blok dan subtitle -nya.
Elemen hgroup biasanya digunakan untuk mengelompokkan satu set satu atau lebih elemen H1-H6-untuk mengelompokkan, misalnya, judul bagian dan subtitle yang menyertainya.
Spesifikasi W3C
Apa arti ekspresi ini?<Hgroup> memainkan peran yang dapat berisi satu atau lebih wadah terkait judul, yang mungkin ada di elemen & ls; header>. Ini hanya dapat berisi elemen judul dari H1-H6, yang mungkin subtitle, judul pilihan, atau judul tag.
Cara yang lebih sederhana untuk memahami cara menggunakan <Hgroup> adalah melalui beberapa contoh. Misalnya, contoh Dr.oli berikut:
Ketika tag artikel memiliki dan hanya memiliki satu judul:
1
2
3
4
<martikel>
<h1> Judul artikel </h1>
<p> Konten ... </p>
</artikel>
Saat tag artikel memiliki judul dan juga berisi metadata (meatadata)
1
2
3
4
5
6
7
8
<!-Judul pembungkus dan metadata di header->
<martikel>
<Header>
<h1> Judul artikel </h1>
<p> (<Time DateTime = 2009-07-13> 13 Juli 2009 </taku>) </p>
</teader>
<p> Konten ... </p>
</artikel>
Ketika tag artikel memiliki satu set judul self-closing:
1
2
3
4
5
6
7
8
<!-Judul H1 dan Subtitle H2 di Hgroup->
<martikel>
<Hgroup>
<h1> Judul artikel </h1>
<H2> Subtitle Artikel </h2>
</hgroup>
<p> Konten ... </p>
</artikel>
Tag artikel berisi judul dan subtitle dan metadata
1
2
3
4
5
6
7
8
9
10
11
<!-Heading yang menggunakan header dan hgroup->
<martikel>
<Header>
<Hgroup>
<h1> Judul artikel </h1>
<H2> Subtitle Artikel </h2>
</hgroup>
<p> (<Time DateTime = 2009-07-13> 13 Juli 2009 </taku>) </p>
</teader>
<p> Konten ... </p>
</artikel>
Mengapa kita menggunakan <hgroup>?Kami menggunakan <hgroup> untuk memulai garis besar dokumen (garis dokumen).
Ketika judul grup berada di elemen <hgroup>, algoritma garis besar akan menimpa judul tingkat rendah dalam grup dan menggunakan judul tingkat tertinggi sebagai garis besar. Berikut ini adalah contoh:
1
2
3
4
5
6
<Header>
<Hgroup>
<h1> <a href =/> aplikasi mini </a> </h1>
<h2> Aplikasi Web untuk iPhone, Android & Platform Seluler Lainnya </h2>
</hgroup>
</teader>
<hgroup> berisi elemen judul H1-H2, tetapi hanya <h1> yang termasuk dalam garis besar. Seperti yang ditunjukkan pada gambar di bawah ini.
Kami dapat melihat garis besar dokumen dari tautan ini:
Meringkaskan:
Apa yang baru saja kita bicarakan adalah bagaimana menggunakan elemen <hgroup> secara efisien. Mari kita ulas:
.Jika Anda hanya memiliki satu elemen judul (satu di H1-H6), Anda tidak perlu <Hgroup>.
.Ketika satu atau lebih judul dan elemen muncul, <Hgroup> diterapkan untuk mengelilinginya.
.Ketika judul Anda memiliki subtitle atau metadata lain yang terkait dengan bagian atau artikel, masukkan <hgroup> dan metadata ke dalam wadah elemen <Header> terpisah.
Orang Cina Asli: Tinjauan Umum Penggunaan Elemen HGroup HTML5
Bahasa Inggris Asli: Menghindari Kesalahan HTML5 Umum