บทความบทนำของ wulin.com (www.vevb.com): ภาพรวมของการใช้งานขององค์ประกอบ HTML5 Hgroup
HGroup เป็นองค์ประกอบที่กำหนดใหม่ใน HTML5 ที่ใช้ในการจัดกลุ่มชื่อและคำบรรยาย ทำไมเราต้องใช้แท็ก <Hgroup> หากเรามีแท็กส่วนหัวอยู่แล้ว นี่คือคำตอบสำหรับคำถามนี้
องค์ประกอบ <Hgroup> คืออะไรนี่คือคำอธิบายของคำอธิบายของเอกสารเกี่ยวกับ <Hgroup>:
โดยทั่วไปแล้ว Hgroups จะใช้เป็นกลุ่มขององค์ประกอบของ H1 ถึง H6 อย่างน้อยหนึ่งรายการเช่นชื่อภายในบล็อกและคำบรรยาย
โดยทั่วไปองค์ประกอบ HGroup จะใช้ในการจัดกลุ่มชุดขององค์ประกอบ H1-H6 หนึ่งองค์ประกอบขึ้นไป-เป็นกลุ่มตัวอย่างเช่นชื่อส่วนและคำบรรยายประกอบ
ข้อกำหนด W3C
นิพจน์นี้หมายถึงอะไร?<Hgroup> มีบทบาทที่สามารถมีคอนเทนเนอร์ที่เกี่ยวข้องกับชื่ออย่างน้อยหนึ่งรายการซึ่งอาจอยู่ในองค์ประกอบ & ls; header> มันสามารถมีองค์ประกอบชื่อเฉพาะจาก H1-H6 ซึ่งอาจเป็นคำบรรยายชื่อทั้งตัวเลือกหรือชื่อแท็ก
วิธีที่ง่ายกว่าในการทำความเข้าใจวิธีการใช้ <Hgroup> คือผ่านตัวอย่างบางส่วน ตัวอย่างเช่นตัวอย่างของ Dr.oli ต่อไปนี้:
เมื่อแท็กบทความมีและมีเพียงชื่อเดียว:
1
2
3
4
<บทความ>
<h1> ชื่อบทความ </h1>
<p> เนื้อหา… </p>
</บทความ>
เมื่อแท็กบทความมีชื่อเรื่องและยังมีข้อมูลเมตา (Meatadata)
1
2
3
4
5
6
7
8
<!-การห่อชื่อและข้อมูลเมตาในส่วนหัว->
<บทความ>
<ส่วนหัว>
<h1> ชื่อบทความ </h1>
<p> (<time dateTime = 2009-07-13> 13 กรกฎาคม, 2009 </time>) </p>
</header>
<p> เนื้อหา… </p>
</บทความ>
เมื่อแท็กบทความมีชุดชื่อปิดตนเอง:
1
2
3
4
5
6
7
8
<!-ชื่อ H1 และ Subtitle H2 ใน HGroup->
<บทความ>
<hgroup>
<h1> ชื่อบทความ </h1>
<H2> คำบรรยายบทความ </h2>
</hgroup>
<p> เนื้อหา… </p>
</บทความ>
แท็กบทความมีชื่อเรื่องและคำบรรยายและข้อมูลเมตา
1
2
3
4
5
6
7
8
9
10
11
<!-หัวข้อที่ใช้ส่วนหัวและ hgroup->
<บทความ>
<ส่วนหัว>
<hgroup>
<h1> ชื่อบทความ </h1>
<H2> คำบรรยายบทความ </h2>
</hgroup>
<p> (<time dateTime = 2009-07-13> 13 กรกฎาคม, 2009 </time>) </p>
</header>
<p> เนื้อหา… </p>
</บทความ>
ทำไมเราถึงใช้ <Hgroup>?เราใช้ <Hgroup> เพื่อเริ่มโครงร่างเอกสาร (โครงร่างเอกสาร)
เมื่อชื่อของกลุ่มอยู่ในองค์ประกอบ <Hgroup> อัลกอริทึมโครงร่างจะเขียนทับชื่อระดับต่ำในกลุ่มและใช้ชื่อระดับสูงสุดเป็นโครงร่าง ต่อไปนี้เป็นตัวอย่าง:
1
2
3
4
5
6
<ส่วนหัว>
<hgroup>
<H1> <a href =/> แอพขนาดเล็ก </a> </h1>
<H2> เว็บแอปพลิเคชันสำหรับ iPhone, Android และแพลตฟอร์มมือถืออื่น ๆ </h2>
</hgroup>
</header>
<Hgroup> มีองค์ประกอบชื่อของ H1-H2 แต่มีเพียง <H1> เท่านั้นที่รวมอยู่ในโครงร่าง ดังที่แสดงในรูปด้านล่าง
เราสามารถดูโครงร่างเอกสารจากลิงค์นี้:
สรุป:
สิ่งที่เราเพิ่งพูดถึงคือวิธีการใช้องค์ประกอบ <Hgroup> อย่างมีประสิทธิภาพ รีวิวกันเถอะ:
ถ้าคุณมีองค์ประกอบชื่อเพียงหนึ่งเดียว (หนึ่งใน H1-H6) คุณไม่จำเป็นต้องใช้ <Hgroup>
. เมื่อมีการใช้ชื่อเรื่องและองค์ประกอบหนึ่งชื่อหรือมากกว่านั้น <hgroup> จะถูกนำไปใช้เพื่อล้อมรอบพวกเขา
. เมื่อชื่อของคุณมีคำบรรยายหรือข้อมูลเมตาอื่น ๆ ที่เกี่ยวข้องกับส่วนหรือบทความให้ใส่ <Hgroup> และข้อมูลเมตาลงในคอนเทนเนอร์องค์ประกอบ <ส่วนหัว> แยกต่างหาก
ภาษาจีนดั้งเดิม: ภาพรวมของการใช้องค์ประกอบ HTML5 HGroup
ภาษาอังกฤษต้นฉบับ: หลีกเลี่ยงข้อผิดพลาด HTML5 ทั่วไป