ความคิดเห็น: HTML5 การพัฒนาอนุสัญญาการตั้งชื่อและรูปแบบไมโคร
เมื่อวันที่ 29 พฤษภาคม 2547 ในบล็อกที่เกษียณของฉันและการพูดคุยครั้งใหญ่ทั้งหมดเมื่อฉันสำรวจเว็บไซต์นักออกแบบ 40 แห่งเพื่อดูการประชุมสำหรับองค์ประกอบหน้าสาธารณะเช่นชื่อและแบนเนอร์การนำทางเนื้อหาและส่วนท้าย (ผลลัพธ์กลับมา)
มันเป็นงานวิจัยทางวิทยาศาสตร์แทบจะไม่ แต่ในเดือนมิถุนายนของปีนั้นฉันได้ติดตามความคิดเห็นของ Eric Meyer และตีพิมพ์ชุดการตั้งชื่อ เมื่อฉันพบว่าเว็บไซต์ได้ผ่านการประชุมการตั้งชื่อเหล่านี้ฉันมีความสุขเสมอที่ฉันใช้มันทุกวันมากกว่า 4 ปีต่อมา
ความคิดของฉันสามารถสรุปได้เช่นนี้
ชื่อแอตทริบิวต์ ID และคลาสจะต้องสะท้อนฟังก์ชั่นหรือเนื้อหาขององค์ประกอบไม่ใช่การแนะนำ ดังนั้นฉันจึงออกมาจากส่วนหัวและไปแบรนด์อีกครั้ง ฉันออกมาจากส่วนท้ายและแทนที่ด้วย site-info
การตั้งชื่อควรใช้โครงสร้างสไตล์ XML เกือบ การตั้งชื่อจะใช้โครงสร้างสไตล์ XML เกือบ ดังนั้นเนื้อหาภายในจึงมีเนื้อหาหลักเนื้อหา SUB และเนื้อหา SUPP
อนุสัญญาเหล่านี้ให้บริการฉันได้ดีและสิ่งที่ฉันทำแทบจะไม่เปลี่ยนแกนของพวกเขา ไม่ต้องสงสัยเลยว่าพวกเขาทั้งหมดทำให้งานของฉันเร็วขึ้นสอดคล้องและมีประโยชน์มากขึ้น พวกเขาทำให้ง่ายต่อการสร้างผลิตภัณฑ์และปลูกฝังคนที่ฉันทำงานด้วยความคิดของฉัน การประชุมการตั้งชื่อทำงาน
ชื่อไมโครฟอร์ดและชื่อแอตทริบิวต์ที่เกี่ยวข้อง
มาดูกันว่าไมโครฟอร์แมตเช่น HCARD, Hcalendar, Hatom และร่างอื่น ๆ นำค่าแอตทริบิวต์มากมายซึ่งมักไม่จำเป็นต้องพิจารณาว่าการสร้างไฟล์หรือ hooks ใดที่รูปแบบข้อ จำกัด CSS มีไว้สำหรับค่าแอตทริบิวต์เหล่านี้มากขึ้น ตอนนี้ฉันใช้ไมโครฟอร์แมตเพื่อไปถึงระดับนี้ที่ฉันไม่ได้ใช้แอตทริบิวต์คลาส (ยกเว้นแอตทริบิวต์คลาสที่มาพร้อมกับไมโครฟอร์ด) เพื่อพัฒนาทั้งหน้า
ในโอกาสที่หายากฉันต้องเพิ่มองค์ประกอบใหม่ (สมมติว่ามีการแบ่งส่วนของจุดประสงค์เค้าโครง) ฉันคิดว่าเป็นสิ่งที่มีอยู่แล้วในการขยายไมโครฟอร์ด ฉันจะให้ตัวอย่างของการใช้โหมด HATOM:
<div class = hentry>
<h2 class = entry-title> title </h2>
<div class = entry-content>
เนื้อหาหลัก
</div>
<div class = ที่เกี่ยวข้องกับรายการ>
เนื้อหาที่เกี่ยวข้อง
</div>
</div>
หากคุณยังคงรักษาข้อได้เปรียบของรูปแบบไมโครคุณได้สังเกตว่าการเข้าร่วมไม่ได้เป็นส่วนหนึ่งของรูปแบบ Hatom แต่ในกรณีนี้ฉันแน่นอนต้องมีปัจจัยพิเศษฉันจะสร้างมูลค่าคุณสมบัติเช่นการเชื่อมโยงที่เกี่ยวข้องได้อย่างไร
เมื่อใดที่ดูเหมือนว่ามีเหตุผลมากขึ้นในการขยายรูปแบบการตั้งชื่อของไมโครฟอร์ม?
HTML5
ในตอนต้นของบทนี้ฉันควรพูดอย่างตรงไปตรงมาในขณะนี้ฉันไม่สามารถให้ความสนใจกับ HTML5 ได้น้อยลง อย่างไรก็ตามนี่ไม่ใช่กุญแจสำคัญของปัญหา HTML5 แนะนำองค์ประกอบใหม่ที่มีประโยชน์มากเช่น:
ส่วน
ส่วนไฟล์หรือแอปพลิเคชันปกติ บทในเรื่องนี้เป็นการจำแนกหัวข้อของเนื้อหา
บทความ
ส่วนหนึ่งของหน้าประกอบด้วยบทความที่เป็นส่วนหนึ่งของเอกสารหน้าเว็บหรือเว็บไซต์ นี่อาจเป็นโพสต์ฟอรัม, นิตยสารหรือบทความในหนังสือพิมพ์, รายการบันทึกเว็บ, ความคิดเห็นที่ผู้ใช้ส่งหรือรายการอิสระอื่น ๆ
นอกเหนือจาก
ส่วนหนึ่งของหน้าประกอบด้วยเนื้อหาเป็นอิสระจากเนื้อหาที่เกี่ยวข้องกับองค์ประกอบและสามารถพิจารณาแยกจากเนื้อหา ชิ้นส่วนเหล่านี้มักจะปรากฏเป็นแถบด้านข้างที่พิมพ์และพิมพ์
เนื่องจากมันเป็นเหตุผลสำหรับนักประดิษฐ์ของไมโครฟอร์แมตที่จะยึดแผนผังของพวกเขาตามข้อกำหนดที่มีอยู่แน่นอนว่าตอนนี้มันสมเหตุสมผลสำหรับฉันที่จะปรับการประชุมการตั้งชื่อของฉันเพื่อติดตามผู้ที่อยู่ใน HTML5? แน่นอนฉันไม่สามารถใช้:
<section>
<h2> ชื่อเรื่อง </h2>
<บทความ>
เนื้อหาหลัก
</บทความ>
<นอกเหนือจาก>
เนื้อหาที่เกี่ยวข้อง
</side>
</section>
แต่ตอนนี้ฉันสามารถใช้ค่าแอตทริบิวต์ ID และคลาสเพื่อช่วยให้ฉันคุ้นเคยกับ HTML5 ได้นำเอกสารของฉันไปสู่ขั้นตอนต่อไป
<div class = ส่วน>
<h2> ชื่อเรื่อง </h2>
<div class = บทความ>
เนื้อหาหลัก
</div>
<div class = กัน>
เนื้อหาที่เกี่ยวข้อง
</div>
</div>
ฉันคิดว่ามันเป็นขั้นตอนต่อไปที่สมเหตุสมผลสำหรับฉัน ดังนั้นเมื่อดูไฟล์สาธิตนี้ฉันได้ใช้องค์ประกอบขององค์ประกอบ HTML5 สำหรับการประชุมการตั้งชื่อของฉัน นอกเหนือจากสิ่งที่ฉันเพิ่งพูดถึงโปรดทราบว่าฉันได้พิจารณาวิธีการจำแนกและนำทาง (NAV), สร้างฟิลด์ด้วย colgroup และ col, แปลงรายการที่ไม่ได้เรียงลำดับเป็นกริดและใช้ dataGrid
ข้อมูลจำเพาะการติดแท็กของ HTML5 ยังมีรายละเอียดกล่องโต้ตอบและรูปซึ่งฉันยังสามารถใช้เป็นค่าแอตทริบิวต์
หากฉันสามารถบรรลุความปรารถนาในวันนี้ความปรารถนานี้คือการพัฒนากรอบ CSS ทั้งหมดจะนำการประชุมการตั้งชื่อแบบเดียวกัน (และฝังอยู่ในรูปแบบไมโครอย่างกว้างขวาง) เพื่อให้ผู้ที่เริ่มต้นด้วยแท็กที่มีความหมายและ CSS มีจุดเริ่มต้นที่ถูกต้อง