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

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

อาจใช้แท็ก UL ในแท็ก BODY, DIV, CENTER, BLOCKQUOTE, FORM, TH, TD, DD หรือ LI แท็ก UL ใน HTML นั้นแทนด้วยแท็กเปิด <UL> และปิด </UL> ซึ่งจะแทรกพื้นที่ว่างในบรรทัดก่อนและหลังแท็ก แท็ก CSS UL ซึ่งให้ความยืดหยุ่นในการจัดรูปแบบเพิ่มเติมนอกเหนือจากแท็ก HTML UL ถูกกำหนดไว้ใน ul {list-style-type: } โดยที่ value ถูกกำหนดให้เป็นแผ่นดิสก์วงกลมหรือสี่เหลี่ยมโดยค่าเริ่มต้นคือแผ่นดิสก์ ไอเท็มแต่ละรายการจะถูกแทรกระหว่างแท็ก <UL> นำหน้าล่วงหน้าโดย LI หรือแท็กรายการ ตัวอย่าง HTML ต่อไปนี้แสดงวิธีใช้แท็กนี้เพื่อจัดระเบียบรายการผลไม้:

<ul>
<li> แอปเปิ้ล
<li> กล้วย
<li> ส้ม
<li> สับปะรด
</ ul>

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

แอ็ตทริบิวต์ขนาดกะทัดรัดบีบทั้งข้อความที่มีสัญลักษณ์แสดงหัวข้อย่อยและคำจำกัดความลงบนหนึ่งบรรทัด Type เป็นตัวกำหนดลักษณะกระสุนซึ่งเป็นค่าเริ่มต้นของดิสก์โดยอัตโนมัติหากไม่ได้ระบุประเภทไว้ ประเภทกระสุนที่กำหนดไว้ล่วงหน้าอื่น ๆ ที่ใช้ในแท็ก UL HTML รวมถึงสแควร์และวงกลม อิมเมจที่ผู้ใช้กำหนดอาจใช้แทนชนิดสัญลักษณ์แสดงหัวข้อล่วงหน้าที่กำหนดไว้ล่วงหน้าโดยการระบุตำแหน่งของอิมเมจที่จัดเก็บโดยใช้แอ็ตทริบิวต์ src เช่นใน <UL src =” URL "> ตัวระบุตำแหน่งทรัพยากรหรือ URL ระบุตำแหน่ง ของรูปภาพเริ่มต้นด้วยเวอร์ชัน 4.0.1 คุณลักษณะขนาดกะทัดรัดและประเภทสำหรับแท็ก UL นั้นเลิกใช้แล้วหมายความว่าอาจไม่รองรับเวอร์ชัน HTML ในอนาคต

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

• DIR: คุณลักษณะนี้มีข้อมูลเกี่ยวกับทิศทางของข้อความ
• ID: กำหนด ID เฉพาะในคุณสมบัติ CSS เพื่อแท็ก
• LANG: เข้ารหัสภาษา
• สไตล์: กำหนดสไตล์อินไลน์ CSS

ตัวจัดการเหตุการณ์ JavaScript ซึ่งกำหนดสิ่งที่เกิดขึ้นตัวอย่างเช่นหากเมาส์อยู่เหนือแท็ก HTML UL หรือเมื่อผู้ใช้คลิกที่รายการนั้นอาจถูกใช้เพื่อปรับแต่งรายการที่ไม่ได้เรียงลำดับ ตัวจัดการเหตุการณ์ที่สนับสนุนโดยแท็ก UL รวมถึง onClick, onDbClick, onMouseDown, onMouseUp, OnMouseOver, onMouseMOve, onMouseOut, onKeyPress, onKeyDown และ onKeyUp