Skip to main content

แท็ก UL คืออะไร?

แท็กรายการที่ไม่ได้เรียงลำดับหรือไม่มีหมายเลขซึ่งรู้จักกันดีใน Shorthand เป็นแท็ก UL เป็นวิธีสำหรับนักออกแบบหน้าเว็บในการแสดงและจัดกลุ่มข้อความบนหน้าเว็บเป็นรายการที่เยื้องและกระสุนแท็ก UL ใช้ในหน้าภาษามาร์กอัปไฮเปอร์เท็กซ์ (HTML) และเป็นองค์ประกอบสไตล์ที่กำหนดไว้ในแผ่นสไตล์ cascading (CSS)ในขณะที่แท็ก UL ไม่ได้เป็นมาตรฐานจนกระทั่ง HTML 2.0 แต่ก็ถูกกำหนดไว้ในคำอธิบายที่เผยแพร่ครั้งแรกของ HTML โดย Tim Berners-Lee ในปี 1992 องค์ประกอบนี้ได้รับการสนับสนุนโดยเว็บเบราว์เซอร์หลักทั้งหมด

UL แท็กอาจใช้ในร่างกาย, div, center, blockquote, รูปแบบ, th, td, dd หรือ li แท็กแท็ก UL ใน HTML แสดงโดยการเปิด lt; ul gt;และปิด lt;/ul gt;แท็กซึ่งยังแทรกพื้นที่ว่างในบรรทัดก่อนและหลังแท็กแท็ก CSS UL ซึ่งให้ความยืดหยุ่นในการจัดรูปแบบเพิ่มเติมนอกเหนือจากแท็ก HTML UL นั้นถูกกำหนดไว้ใน UL {ประเภทรายการประเภท: } โดยที่ค่าถูกกำหนดเป็นดิสก์วงกลมหรือสี่เหลี่ยมโดยเริ่มต้นเป็นแผ่นดิสก์รายการแต่ละรายการจะถูกแทรกระหว่าง lt; ul gt;Tags, prefaced ก่อนโดย li, หรือรายการ, แท็กตัวอย่าง HTML ต่อไปนี้แสดงวิธีการใช้แท็กนี้เพื่อจัดระเบียบรายการผลไม้:

lt; ul gt;

lt; li gt; แอปเปิ้ล
lt; li gt; Bananas
lt; li gt;/ul gt;

รายการที่ไม่ได้เรียงลำดับจำเป็นต้องใช้แอตทริบิวต์แม้ว่าจะมีชุดหลักของแอตทริบิวต์ - คลาส, ID, สไตล์และชื่อ - รวมถึงจำนวนมาตรฐานหรือตัวเลือกแอตทริบิวต์ที่อาจเป็นประโยชน์ในการปรับเปลี่ยนดูรายการที่ไม่ได้เรียงลำดับยกเว้นแอตทริบิวต์ขนาดกะทัดรัดและประเภทซึ่งได้มาตรฐานในเวอร์ชัน 2.0 แอตทริบิวต์เสริมไม่ได้มาตรฐานอย่างเป็นทางการจนถึงเวอร์ชัน 4.0

แอตทริบิวต์ขนาดกะทัดรัดบีบทั้งข้อความกระสุนและนิยามลงในบรรทัดเดียวประเภทกำหนดรูปแบบกระสุนซึ่งจะเริ่มต้นเป็นแผ่นดิสก์โดยอัตโนมัติหากไม่มีการระบุประเภทประเภทกระสุนที่กำหนดไว้ล่วงหน้าอื่น ๆ ที่ใช้ในแท็ก UL HTML รวมถึงสแควร์และวงกลมภาพที่ผู้ใช้กำหนดอาจใช้แทนประเภทกระสุนที่กำหนดไว้ล่วงหน้าโดยการระบุตำแหน่งของภาพที่เก็บไว้โดยใช้แอตทริบิวต์ SRC เช่นเดียวกับใน lt; ul src '” url gt;ตัวระบุตำแหน่งทรัพยากรเครื่องแบบหรือ URL ระบุตำแหน่งของภาพเริ่มต้นด้วยเวอร์ชัน 4.0.1 แอตทริบิวต์ขนาดกะทัดรัดและประเภทสำหรับแท็ก UL ได้ถูกเลิกใช้แล้วหมายความว่าอาจไม่ได้รับการสนับสนุนในรุ่น HTML ในอนาคต

คุณลักษณะอื่น ๆ ที่ใช้ในการกำหนดรูปแบบแท็ก UL รวมถึง:

DIR:แอตทริบิวต์นี้มีข้อมูลเกี่ยวกับทิศทางของข้อความ

id: กำหนด ID เฉพาะในคุณสมบัติ CSS เป็นแท็ก

lang: เข้ารหัสภาษา

    สไตล์: กำหนดรูปแบบ CSS inline
  • JavaScript Event Handlers ซึ่งกำหนดการกำหนดจะเกิดอะไรขึ้นตัวอย่างเช่นหากเมาส์วนเวียนอยู่เหนือแท็ก HTML UL หรือเมื่อผู้ใช้คลิกในรายการอาจใช้เพื่อปรับแต่งรายการที่ไม่ได้เรียงลำดับตัวจัดการเหตุการณ์ที่ได้รับการสนับสนุนจากแท็ก UL ได้แก่ Onclick, Ondbclick, Onmousedown, Onmouseup, Onmouseover, Onmousemove, Onmouseout, Onkeypress, Onkeydown และ Onkeyup