รายการคำอธิบายเป็นวิธีเชิงความหมายในการจัดโครงสร้างและนำเสนอข้อมูล ซึ่งสร้างความสัมพันธ์ระหว่างคำศัพท์และคำอธิบายที่สอดคล้องกัน ทำให้สามารถเข้าถึงและเข้าใจข้อมูลหรือสารสนเทศได้มากขึ้น ผู้สร้างสามารถใช้รายการคำอธิบายในที่ต่างๆ เช่น อภิธานศัพท์ พจนานุกรม ส่วนคำถามที่พบบ่อย ข้อกำหนดของผลิตภัณฑ์ เป็นต้น บทความนี้จะสาธิตขั้นตอนการใช้รายการคำอธิบายใน HTML
จะใช้รายการคำอธิบายใน HTML ได้อย่างไร
รายการคำอธิบายประกอบด้วย “ ”, “ ', และ ' ” แท็ก และใช้เพื่อแสดงถึงชุดคำศัพท์และคำจำกัดความที่เกี่ยวข้อง นำเสนอ/แสดงเนื้อหาในรูปแบบที่มีโครงสร้างซึ่งคำอธิบายนอกเหนือไปจากรายการสัญลักษณ์แสดงหัวข้อย่อยธรรมดา นอกจากนี้ยังสามารถใช้คุณสมบัติ CSS กับรายการคำอธิบายเพื่อสร้างอินเทอร์เฟซที่ดึงดูดสายตา
เยี่ยมชมข้อมูลโค้ดด้านล่างเพื่อสร้างรายการคำอธิบายใน HTML:
< ร่างกาย >
< แผนก >
< ชั่วโมง2 > ส่วนแบ่งตลาดแล็ปท็อป ชั่วโมง2 >
< ดล >
< ด.ต > แรงม้า ด.ต >
< วว > ในหมวดหมู่ระบบเดสก์ท็อปและแล็ปท็อปมีส่วนแบ่ง 30 % วว >
< ด.ต > เดลล์ ด.ต >
< วว > ในหมวดหมู่ระบบเดสก์ท็อปและแล็ปท็อปมีส่วนแบ่ง 24 % วว >
< ด.ต > เลอโนโว ด.ต >
< วว > ในหมวดหมู่ระบบเดสก์ท็อปและแล็ปท็อปมีส่วนแบ่ง 14 % วว >
ดล >
แผนก >
ร่างกาย >
คำอธิบายของข้อมูลโค้ดด้านบน:
-
- ในตอนแรกผู้ปกครอง” แผนก องค์ประกอบ ” ถูกสร้างขึ้นที่ทำหน้าที่เหมือนคอนเทนเนอร์สำหรับองค์ประกอบรายการคำอธิบายและองค์ประกอบ HTML อื่น ๆ เช่น “ '.
- ถัดไป รายการคำอธิบาย “
- จากนั้น คำอธิบายชื่อ/คำศัพท์ “ แท็ก ” ใช้เพื่อกำหนดคำอธิบายของรายการที่จะเพิ่มคำอธิบาย
- หลังจากนั้น ข้อมูลคำอธิบาย “ แท็ก ” ถูกแทรกซึ่งมีคำอธิบาย/ข้อมูลที่เกี่ยวข้องกับรายการคำอธิบาย
หลังจากสิ้นสุดขั้นตอนการคอมไพล์ องค์ประกอบ HTML จะปรากฏบนหน้าเว็บดังนี้:
ผลลัพธ์แสดงว่ารายการคำอธิบายถูกสร้างขึ้น
ตัวอย่างที่ 1: กำหนดคำอธิบายหลายรายการให้กับคำเดียว
สามารถสร้างตารางคำอธิบายซึ่งมีคำอธิบายมากกว่าหนึ่งรายการสำหรับคำศัพท์เดียว มันจะมีประโยชน์อย่างยิ่งหากมีความหมายหรือวิธีการมากกว่าหนึ่งคำที่สามารถอธิบายคำอธิบายได้
รหัสสำหรับสถานการณ์ข้างต้นแสดงอยู่ด้านล่าง:
< แผนก >< ชั่วโมง2 > ส่วนแบ่งตลาดแล็ปท็อป ชั่วโมง2 >
< ดล >
< ด.ต > แรงม้า ด.ต >
< วว > ในหมวดหมู่ระบบเดสก์ท็อปและแล็ปท็อปมีส่วนแบ่ง 30 % ใน 2561 วว >
< วว > ในหมวดหมู่ระบบเดสก์ท็อปและแล็ปท็อปมีส่วนแบ่ง 23 % ใน 2560 วว >
< ด.ต > เดลล์ ด.ต >
< วว > ในหมวดหมู่ระบบเดสก์ท็อปและแล็ปท็อปมีส่วนแบ่ง 24 % ใน 2561 วว >
< วว > ในหมวดหมู่ระบบเดสก์ท็อปและแล็ปท็อปมีส่วนแบ่ง 27 % ใน 2560 วว >
< ด.ต > เลอโนโว ด.ต >
< วว > ในหมวดหมู่ระบบเดสก์ท็อปและแล็ปท็อปมีส่วนแบ่ง 14 % ใน 2561 และ 9 % ใน 2560 วว >
ดล >
แผนก >
ในรหัสด้านบน:
-
- ขั้นแรก รายการคำอธิบายถูกสร้างขึ้นด้วยความช่วยเหลือของ “ ดล ”, “ ด.ต ' และ ' วว ” องค์ประกอบ
- ถัดไป ทวีคูณ “ แท็ก ” ถูกใช้ภายใต้ “ เดียว ด.ต ' องค์ประกอบ. กำหนดคำอธิบายหลายคำให้กับคำเดียว
หลังจากขั้นตอนการรวบรวม:
ผลลัพธ์แสดงว่ามีการเพิ่มคำอธิบายหลายรายการสำหรับคำศัพท์เดียว
ตัวอย่างที่ 2: กำหนดเงื่อนไขหลายรายการให้กับคำอธิบายเดียว
นักพัฒนายังสามารถสร้างรายการคำอธิบายที่ประกอบด้วยคำอธิบายหลายคำพร้อมข้อมูลคำอธิบายเดียว มีประโยชน์อย่างยิ่งเมื่อคำศัพท์หลายคำคล้ายกันหรือมีฟังก์ชันการทำงานเหมือนกัน เมื่อใช้เทคนิคนี้ จะสามารถอธิบายคำศัพท์เหล่านี้ทั้งหมดได้ในคราวเดียว:
< แผนก สไตล์ = 'ระยะขอบ: 20px' >< ชั่วโมง2 > ส่วนแบ่งตลาดแล็ปท็อป ชั่วโมง2 >
< ดล >
< ด.ต > แรงม้า ด.ต >
< ด.ต > EliteBook ด.ต >
< ด.ต > โปรบุ๊ค ด.ต >
< วว > ในหมวดหมู่ระบบเดสก์ท็อปและแล็ปท็อปมีส่วนแบ่ง 30 % ใน 2561 วว >
< วว > ในหมวดหมู่ระบบเดสก์ท็อปและแล็ปท็อปมีส่วนแบ่ง 23 % ใน 2560 วว >
< ด.ต > เลอโนโว ด.ต >
< วว > ในหมวดหมู่ระบบเดสก์ท็อปและแล็ปท็อปมีส่วนแบ่ง 14 % ใน 2561 และ 9 % ใน 2560 วว >
ดล >
แผนก >
ในบล็อกโค้ดด้านบน รายการคำอธิบายจะถูกสร้างขึ้น และหลาย “ แท็ก ” ใช้กับ “ เดียว แท็ก
หลังจากสิ้นสุดขั้นตอนการรวบรวม:
ภาพรวมด้านบนแสดงให้เห็นว่ามีการกำหนดคำศัพท์หลายคำด้วยข้อมูลคำอธิบายเดียว
บทสรุป
รายการคำอธิบายถูกสร้างขึ้นโดยใช้รายการคำอธิบาย “ ” แท็กที่สร้างคอนเทนเนอร์สำหรับรายการและคำอธิบาย นอกจากนี้ “ ” แท็ก หมายถึงชื่อรายการที่จะมีคำอธิบาย ในขณะที่ ' ” แท็กเก็บคำอธิบายที่เกี่ยวข้อง บทความนี้ได้สาธิตการใช้รายการคำอธิบายใน HTML