บทความบทนำของ wulin.com (www.vevb.com): มาตรฐานเว็บเต็มไปด้วยการตบหน้าและกฎนี้หมดอายุแล้ว! หนึ่งเดือนหลังจากที่บทความได้รับการเผยแพร่ HTML5Doctor เผยแพร่ลิงก์ "บล็อกระดับ" ใน HTML5 เพื่ออ้างมันเป็นสิ่งที่คุณต้องการเขียน
มันเรียกว่าลิงก์ระดับบล็อกเป็นภาษาอังกฤษ ฉันคิดว่ามีเพียงขนนกในโรงงานของฉันไม่รู้ แต่ฉันไม่ได้คาดหวังว่ามีคนจำนวนมากที่ไม่รู้จักและจำเป็นต้องได้รับความนิยม
น่าเสียดายที่มาตรฐานเว็บเต็มไปด้วยการตบหน้าและกฎนี้หมดอายุแล้ว! หนึ่งเดือนหลังจากบทความได้รับการเผยแพร่ HTML5Doctor เผยแพร่ลิงก์ระดับบล็อกใน HTML5 ให้ฉันอ้างมัน แต่เดิมเขียนแบบนี้:
<div class = เรื่องราว>
<H3> <a href = Story1.html> Bruce Lawson โหวตคนที่เซ็กซี่ที่สุดในโลก </a> </h3>
<p> <a href = Story1.html> <img src = bruce.jpg alt = เรื่องราวเต็ม /> สภาคองเกรสที่เป็นตัวแทนของผู้หญิงทั้งหมดของโลกที่โหวตให้บรูซลอว์สันเป็นคนที่เซ็กซี่ที่สุดยังมีชีวิตอยู่ </a> </p>
<p> <a href = story1.html> อ่านเพิ่มเติม </a> </p>
</div>
ตอนนี้นี่คือสิ่งที่คุณสามารถเขียนได้ใน HTML5
<บทความ>
<a href = story1.html>
<H3> บรูซลอว์สันโหวตคนที่เซ็กซี่ที่สุดในโลก </h3>
<p> <img src = bruce.jpg alt = lovebundle ที่งดงาม > สภาคองเกรสที่เป็นตัวแทนของผู้หญิงทุกคนในโลกได้ลงมติเป็นเอกฉันท์ให้บรูซลอว์สันเป็นผู้ชายที่เซ็กซี่ที่สุดยังมีชีวิตอยู่ </p>
<p> อ่านเพิ่มเติม </p>
</a>
</บทความ>
จากมุมมองของการเข้าถึงจะมีการเพิ่มข้อความคำอธิบาย alt ของรูปภาพเท่านั้น (ให้ข้อมูลรายละเอียดเพิ่มเติมสำหรับผู้อ่านหน้าจอ) โดยไม่ต้องสร้าง A ซ้ำซ้อนจำนวนมาก! หนึ่งในแนวคิดของ HTML5 คือการปฏิบัตินิยมและในแง่ของวันนี้มันเป็นดินถึงเอ่อ ~
แม้ว่าวิธีการเขียนนี้จะไม่เข้ากันได้ แต่การทดสอบโดย HTML5 Doctor แสดงให้เห็นว่าเบราว์เซอร์กระแสหลักรองรับนั่นคือ:
ตอนนี้คุณและเพื่อนของคุณสามารถใช้งานได้ในโครงการ!
เพื่อให้เข้ากันได้กับข้อบกพร่องประเภทมือ IE6/7 คุณต้องเพิ่มรหัสเช่นนี้ใน Reset.css:
1 a div, a h3, ap, ... {#เคอร์เซอร์: มือ}