ฉันต้องการที่จะgrokธรรมชาติที่ดีที่สุดของ<aside>, ,<section><article>
อะไรคือโครงสร้างที่ดีที่สุดและถูกต้องที่สุดของหน้าบล็อกโดยใช้แท็ก HTML5
ฉันควรวางแถบข้างไว้ข้างใน<aside>หรือไม่? หรือสิ่งนี้ค่อนข้างเป็นของ<section>(เช่น<aside>ควรใช้สำหรับโฆษณาคำพูดสั้น ๆ และสิ่งเหล่านี้)
ฉันจะนำเสนอคุณสมบัติหลักโพสต์บล็อกได้อย่างไร ฉันจะใช้<article>อย่างถูกต้องได้อย่างไร
ฉันจะทำเครื่องหมายแท็กบทความได้อย่างไร
คำตอบ:
คุณต้องการใช้<article>สำหรับการโพสต์บล็อก Mark Pilgrim มีคำอธิบายที่ดีมากเกี่ยวกับวิธีใช้แต่ละแท็ก นอกจากนี้เขายังอธิบายวิธีการทำเครื่องหมายarticleด้านล่างรายการคำจำกัดความในเว็บไซต์ของเขา นี่เป็นหนังสือที่ยอดเยี่ยมสำหรับการเรียนรู้ HTML 5 และ CSS
"องค์ประกอบของบทความแสดงถึงองค์ประกอบของหน้าเว็บที่ประกอบด้วยองค์ประกอบที่มีอยู่ในเอกสารหน้าแอปพลิเคชันหรือเว็บไซต์และมีจุดประสงค์เพื่อให้สามารถแจกจ่ายหรือนำกลับมาใช้ซ้ำได้อย่างอิสระเช่นในองค์กร"
Asideใช้สำหรับองค์ประกอบ "ที่เกี่ยวข้องเป็นรูปธรรม" และส่วนsection"หมายถึงเอกสารทั่วไปหรือส่วนแอปพลิเคชัน"
สำหรับ<aside>คิดแบบนั้นเหมือนการแสดงละคร: เรื่องราวถูกระงับไว้เพื่ออธิบายบางสิ่งบางอย่างแก่ผู้ชมโดยหลีกเลี่ยงการสัมผัสกันสักครู่ก่อนที่จะกลับไปที่จุดสนใจหลัก เช่น:
<article>
<p>A horse walks into a bar.</p>
<p>The bartender says, "Why the long face?"</p>
<aside>Not because it was sad, horses just have long faces.</aside>
</article>
ตัวอย่างแย่มาก แต่เป็นสิ่งที่ถูกต้อง โอกาสที่มันจะมีประโยชน์สำหรับสิ่งต่าง ๆ เช่น pull-quote และ tangents ที่เกี่ยวข้องกับบทความอื่น ๆ แต่เป็นแท็กsemantic ล้วนๆโดยทั่วไปโฆษณาไม่ได้อยู่ในนั้น
ระบบโฆษณาที่ทำงานด้วยคำหลักจะไม่สนใจเกี่ยวกับการปรับเนื้อหาของคุณในเชิงความหมาย แต่จะสนใจในการจับคู่ข้อมูลประชากร หากคุณ<article>เป็นเพียงเกี่ยวกับ PHP และมันดึงโฆษณาที่เกี่ยวข้องกับ Python / Perl / Java (มันจะในบางจุด) คุณ<aside>เพิ่งสูญเสียความหมายของมัน คุณควรที่จะวางสิ่งเหล่านี้ไว้บนหน้า