โพสต์บล็อกที่รวมองค์ประกอบ HTML ทุกตัว

 (patrickweaver.net)
5 คะแนน โดย GN⁺ 2023-08-14 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • บทความบล็อกนี้เป็นการสำรวจเชิงลึกเกี่ยวกับองค์ประกอบ HTML ทุกตัว โดยอ้างอิงจากรายการเอกสารเว็บของ MDN
  • ผู้เขียนอภิปรายถึงหน้าที่และกรณีการใช้งานขององค์ประกอบ HTML แต่ละตัว พร้อมยกตัวอย่างเชิงปฏิบัติในการจัดวางเลย์เอาต์เว็บไซต์
  • นอกจากนี้ บทความยังเน้นถึงความท้าทายที่พบในการอัปเดต CSS ของแต่ละองค์ประกอบให้เข้ากับสไตล์ของเว็บไซต์
  • ผู้เขียนแบ่งปันมุมมองเกี่ยวกับวิธีที่องค์ประกอบบางตัวมักถูกใช้อย่างผิดวิธีหรือถูกมองข้าม พร้อมให้คำแนะนำเกี่ยวกับการใช้งานที่ถูกต้อง
  • บทความบล็อกนี้เป็นแหล่งข้อมูลที่มีคุณค่าสำหรับการทำความเข้าใจขอบเขตทั้งหมดขององค์ประกอบ HTML และศักยภาพในการใช้งานของพวกมัน
  • ผู้เขียนนำองค์ประกอบ HTML แต่ละตัวไปใช้บนเว็บไซต์ของตนเองเพื่อแสดงให้เห็นการใช้งานจริง
  • บทความนี้สะท้อนถึงความมุ่งมั่นของผู้เขียนต่อการเข้าถึงเว็บและความหลงใหลในการสำรวจความเป็นไปได้ของ HTML
  • บทความนี้นำเสนอรายการองค์ประกอบ HTML อย่างครอบคลุม รวมถึงองค์ประกอบที่พบไม่บ่อย เช่น <article>, <main>, <figure>, <figcaption> เป็นต้น
  • ผู้เขียนเน้นองค์ประกอบ HTML ที่เลิกใช้งานแล้ว เช่น <marquee>, <big>, <acronym>, <font>, <nobr>, <strike> เป็นต้น ซึ่งถูกแทนที่ด้วย CSS สำหรับความสามารถด้านเลย์เอาต์
  • บทความยังกล่าวถึงองค์ประกอบอย่าง <content> และ <shadow> ที่ยังไม่ได้ถูกนำไปใช้งานอย่างสมบูรณ์ในฐานะส่วนหนึ่งของสเปก Web Components
  • ผู้เขียนพูดถึงการใช้ <dir> สำหรับแสดงรายการไดเรกทอรี และงานเพิ่มเติมที่จำเป็นในการเรนเดอร์องค์ประกอบที่เลิกใช้งานบางตัว เช่น <frame> และ <frameset>
  • บทความกล่าวถึงองค์ประกอบ <image> ที่ทำงานได้ในบางเบราว์เซอร์ในปี 2023 แม้จะไม่ได้เป็นส่วนหนึ่งของสเปกอย่างเป็นทางการใด ๆ
  • ผู้เขียนอภิปรายถึงความเข้ากันได้ของเบราว์เซอร์สำหรับองค์ประกอบ <menuitem> ที่เลิกใช้งานแล้ว และการเลิกใช้งานอย่างน่าประหลาดใจของ <noembed> ขณะที่ <embed> ยังคงอยู่ในสเปก
  • บทความกล่าวถึงวัตถุประสงค์ที่ไม่ชัดเจนขององค์ประกอบ <param> และการเลิกใช้งานของ <plaintext>, <xmp>, <tt>
  • ผู้เขียนชี้ว่าองค์ประกอบที่เลิกใช้งานบางตัวถูกแทนที่ด้วยส่วนเพิ่มเติมใหม่ในสเปก เช่น <rb> และ <rtc> สำหรับแสดงการออกเสียงของอักขระเอเชียตะวันออก
  • บทความปิดท้ายด้วยการพูดถึงแท็ก HTML อื่น ๆ ที่ไม่ได้อยู่ในรายการของ MDN เช่น <blink>, <spacer>, <bgsound>, <isindex>, <xmp>, <tt>, <code>, <applet>

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2023-08-14
ความเห็นจาก Hacker News
  • บทความบล็อกกล่าวถึงองค์ประกอบ HTML ทุกตัว รวมถึงองค์ประกอบอย่าง <frame> และ <frameset> ที่ครั้งหนึ่งเคยใช้กันทั่วไปในการจัดเลย์เอาต์หน้าเว็บให้เป็นหลายส่วนที่ทำงานแยกจากกัน
  • ผู้เขียนยังพูดถึงประวัติของ HTML พร้อมอภิปรายเกี่ยวกับองค์ประกอบ <menu> ซึ่งถูกยกเลิกและนิยามใหม่หลายครั้ง โดยปัจจุบันถูกกำหนดให้ใช้แสดงแถบเครื่องมือในรูปแบบรายการที่ไม่เรียงลำดับ
  • มีการวิจารณ์ว่าไม่มีคำประกาศ CSS แบบง่ายสำหรับซ่อนเนื้อหาเชิงภาพในขณะที่ยังคงให้โปรแกรมอ่านหน้าจอเข้าถึงได้ โดยวิธีปัจจุบันมักรวมถึงการ clip เนื้อหาหรือจัดวางไว้ให้อยู่นอกหน้า
  • แท็ก <details> และ <summary> สามารถซ้อนกันได้ และมีผู้แสดงความคิดเห็นคนหนึ่งใช้สิ่งนี้สร้างเกมผจญภัยแบบเลือกเส้นทาง แต่ส่งผลให้เกิดไฟล์ HTML ขนาดใหญ่ซึ่งทำให้บางเบราว์เซอร์มีปัญหา
  • การที่ผู้เขียนสำรวจองค์ประกอบ HTML ในอดีตได้ปลุกความรู้สึกคิดถึงให้ผู้อ่านบางคน ซึ่งได้แบ่งปันประสบการณ์ของตนกับ HTML ยุคแรกและวิวัฒนาการของภาษา
  • ผู้แสดงความคิดเห็นบางคนระบุว่าพวกเขาชอบคำเดิมว่า "definition list" มากกว่าคำใหม่ว่า "description list" สำหรับองค์ประกอบ <dl>, <dt>, <dd>
  • บทความบล็อกนี้ทำให้ผู้อ่านบางคนนึกถึงสื่อการเรียน HTML ยุคแรก ๆ เช่น Barebones Guide to HTML ของ Kevin Werbach
  • มีการพูดคุยถึงศักยภาพของ semantic HTML และความจำเป็นในการมีความรู้ CSS เพื่อทำสไตล์เฉพาะบางอย่าง เช่น การทำเชิงอรรถไว้ที่ระยะขอบด้านขวา
  • ผู้แสดงความคิดเห็นคนหนึ่งแสดงความประหลาดใจเมื่อพบว่าความเห็นใน Hacker News ถูกทำขึ้นด้วยตารางที่ซ้อนกัน
  • ผู้อ่านบางคนชี้ว่า HTML ปัจจุบันเป็นมาตรฐานที่มีชีวิตซึ่งดูแลโดย WhatWG โดยไม่มีหมายเลขเวอร์ชัน และไม่ใช่ข้อกำหนด HTML5 ของ W3C
  • ลักษณะที่ครอบคลุมของบทความบล็อกได้รับคำชื่นชมจากผู้อ่าน โดยผู้แสดงความคิดเห็นคนหนึ่งเห็นว่ามีประโยชน์อย่างยิ่งสำหรับโปรเจกต์ข้างเคียงที่ใช้ความสามารถพื้นฐานของ HTML แทนเฟรมเวิร์กหรือไลบรารีที่เทอะทะ