ไม่ใช่ทุกวันที่หัวเรื่อง HTML เป็นหัวข้อ เดอจัวร์, แต่โฟลเดอร์ลิงก์ที่บันทึกไว้ของฉันกำลังรวบรวมบทความเกี่ยวกับ เพิ่งรวมเข้าด้วยกัน การลบอัลกอริธึมโครงร่างเอกสารใน WHATWG Living Standard
ก่อนอื่น คุณควรรู้ว่าอัลกอริทึมไม่เคยมีอยู่จริง แน่นอนว่ามันอยู่ในสเปก และแน่นอนว่ามีคำเตือนเกี่ยวกับการใช้งานในสเปก แต่ไม่มีเบราว์เซอร์ใดเคยใช้งานเช่น บรูซ ลอว์สัน เตือนเรา. เราอยู่ในโครงสร้างเอกสารแบบเรียบๆ มาตลอด
นี่คือ มาก ข่าวเก่า Adrian Roselli กำลังเขียนเกี่ยวกับตำนานโครงร่างเอกสาร ตั้งแต่ 2013. แต่เป็นโพสต์ปี 2016 ของเขาที่ชื่อว่า “ไม่มีอัลกอริทึมโครงร่างเอกสาร” ที่สะกดอย่างครอบคลุมและได้รับการปรับปรุงอย่างสม่ำเสมอด้วยบริบทเพิ่มเติมเกี่ยวกับการสนทนาและการดิ้นรนที่ทำให้เรามาที่นี่ นี่เป็นไทม์ไลน์ที่ดีที่สุดของเทพนิยายจริงๆ Amelia Bellamy-Royds ก็เช่นกัน เจาะลึกถึงรากเหง้าของภาวะที่กลืนไม่เข้าคายไม่ออก ในอดีตที่นี่ใน CSS-Tricks
ใจของฉันไปที่งานทั้งหมดที่เกี่ยวข้องกับการสร้างอัลกอริธึมโครงร่างเอกสารที่รองรับการแบ่งส่วน การถอดมันออกจากสเปกนั้นเป็นสิ่งที่ถูกต้องอย่างแน่นอน แต่ก็ไม่ได้ละเลยความพยายามอันแสนสาหัสที่ผ่านเข้ามา แม้ว่าตอนนี้มันจะถูกฝังไว้ในประวัติเวอร์ชันบางเวอร์ชันแล้วก็ตาม ฉันยังคิดถึงผู้ที่มีเจตนาดีทุกคนที่เขียนเกี่ยวกับอัลกอริทึมที่ผิดพลาดเมื่อเวลาผ่านไป (รวมถึงในเว็บไซต์นี้ด้วย!) ด้วยความคาดหวังว่ามันจะอยู่ใกล้แค่เอื้อม มีหนี้ทางจิตและทางเทคนิคเกือบเจ็ดปีที่เราสะสมไว้จากสิ่งที่ดูเหมือนจะไม่มีการดำเนินการ
เมื่อมองผ่าน “ข่าว” ที่อัลกอริธึมไม่มีอย่างเป็นทางการแล้ว บรูซบ่นว่าไม่มีเรื่องทั่วไป <h>
องค์ประกอบหรือสิ่งที่คล้ายกันที่สามารถแบ่งส่วนเพื่อให้ได้ระดับหัวเรื่องที่ถูกต้อง ฉันเห็นด้วย. มี <h1>
องค์ประกอบที่มีอยู่เป็นหลักเป็นสัมผัส <title>
มีข้อ จำกัด โดยเฉพาะอย่างยิ่งเนื่องจากหน้ามีโครงสร้างไม่ค่อยรอบบทความเดียวที่มีหัวเรื่องระดับบนสุดเพียงรายการเดียว ฉันมักจะพบว่าตัวเองสะดุ้งทุกครั้งที่ทำส่วนประกอบการ์ดโดยใช้ <h3>
อาจถูกต้องทางเทคนิค แต่รู้สึกไม่เป็นระเบียบ และนั่นคือก่อนที่เราจะพูดถึงการพิจารณาเกี่ยวกับสไตล์ซึ่งตอนนี้ระดับส่วนหัวที่ต่ำกว่าจะต้องดูเหมือนระดับส่วนหัวที่สูงขึ้นอย่างชัดเจน
เมื่อพูดถึงการจัดการระดับหัวเรื่อง Steve Faulkner (ผู้เขียน PR ที่ดึงอัลกอริทึมออกจากข้อมูลจำเพาะ) มี ภาพรวมที่ใช้งานได้จริงของการใช้ the <hgroup>
ธาตุ เพื่อจัดการกับรูปแบบหัวเรื่องที่เกี่ยวข้องกับหัวข้อย่อย คำบรรยาย ชื่ออื่น แท็กไลน์ snd ฉันแน่ใจว่าคุณเคยเห็นมาร์กอัปแบบนี้ในป่า:
<h1>Disappointingly Average</h1>
<h2>The Autobiography of Geoff Graham</h2>
<h3>by Geoff Graham</h3>
ที่ไม่หลอกลวงด้วยโครงร่างเอกสารแบบเรียบที่ขับเคลื่อนโดยระดับหัวเรื่อง แต่ละหัวข้อเหล่านี้แสดงถึงส่วนที่สร้างลำดับชั้นของข้อมูล:
Disappointingly Average
└── The Autobiography of Geoff Graham
└── by Geoff Graham
สิ่งที่เราต้องการแทนคือ กลุ่ม ของหัวเรื่อง คิว <hgroup>
ธาตุ:
เมื่อซ้อนอยู่ภายใน a
<hgroup>
องค์ประกอบ the<p>
เนื้อหาขององค์ประกอบแสดงถึงหัวเรื่องย่อย ชื่ออื่น หรือสโลแกนที่ไม่รวมอยู่ในโครงร่างเอกสาร
ดังนั้นเราจึงได้โครงสร้างนี้:
<hgroup>
<h1>Disappointingly Average</h1>
<p>The Autobiography of Geoff Graham</p>
<p>by Geoff Graham</p>
</hgroup>
<hgroup>
is role=generic
ในตอนนี้ แต่สตีฟ ชี้ไปที่ข้อเสนอ ที่สามารถแมปไปยัง role=group
. หากเป็นเช่นนั้น โครงสร้างการช่วยสำหรับการเข้าถึงจะช่วยให้เทคโนโลยีอำนวยความสะดวกสามารถกำหนดความหมายเชิงความหมายเพิ่มเติมให้กับย่อหน้าเหล่านั้นเป็นหัวข้อย่อยและสโลแกน ฟังดูง่าย แต่สตีฟสังเกตเห็นความท้าทายที่ขวางทาง นอกจากนี้ เขายังสาธิตวิธีการนำรูปแบบนี้ไปใช้ในปัจจุบันด้วยแอตทริบิวต์ ARIA
ตราบใดที่เราปัดเศษขึ้น Matthias Ott ได้เผยแพร่เคล็ดลับบางประการเกี่ยวกับ การสร้างเค้าร่างที่มีโครงสร้างพร้อมหัวเรื่อง. ตรวจสอบส่วนท้ายเพื่อดูรายการเครื่องมือที่ยอดเยี่ยมสำหรับตรวจสอบโครงร่างส่วนหัวของคุณ