Category Archive HTML

Byphunsanit

HTML: dd, dl, dt tag ที่ไม่ค่อยรู้จัก

ในบรรดาคำสั่ง HTML 5 ที่มีอยู่ มี tag อยู่กลุ่มหนึ่งที่ไม่ค่อยได้ใช้กันในกลุ่ม ที่ไว้อธิบายว่าเนื้อหาที่เราใช้นั้นคือ อะไร อย่าง <dd>, <dl>, <dt> ( ทั้ง ๆ ที่มันคือสิ่ง ดีดี D ) รอให้เราเอามาใช้ tag ในกลุ่มนี้คือ “A description list, with terms and descriptions” ใช้เพื่ออธิบายรายละเอียด

<dl>
    <dt>Magi</dt>
        <dd>the older word for a practitioner of magic.</dd>
    <dt>Philosopher</dt>
        <dd>(n) คนใจเย็น, นักปรัชญา, นักปราชญ์, ปรัชญาเมธี, ผู้เล่นแร่แปรธาตุ</dd>
    <dt>Pitt</dt>
        <dd>พ้องเสียงของ พิชญ์ เป็นชื่อของผมที่มีความหมายว่า นักปราชญ์</dd>
        <dd>และยังเป็นตัวย่อของ University of Pittsburgh ด้วย</dd>
    <dt>Plus</dt>
        <dd>an advantage or a good feature.</dd>
    <dt>Polyglots</dt>
        <dd>are people who know and are able to use several languages.</dd>
    <dt>พิชญ์</dt>
        <dd>นักปราชญ์, ผู้ที่มีความรู้สูง, ผู้มีความรู้ในเรื่องต่าง ๆ มากมาย</dd>
        <dd>ยืมมาจากภาษาสันสกฤต विज्ञ (วิชฺญ)</dd>
</dl>

การใช้งาน

  1. <dl> data list บอกว่านี่คือ ลิสต์ที่จะอธิบายรายละเอียดนะ
  2. <dt> data terms คือ หัวเรื่อง
  3. <dd> data descriptions รายละเอียด ( มีได้มากกว่าหนึ่ง )

ข้อสังเกตุ คำในภาษา สันสกฤต, บาลี, ไทย, ลาติน และอังกฤษ เช่น สาม, three, พิชญ์, philosopher มีความคล้ายกันเพราะมี ราก มาจากที่เดียวกันเกือบครึ่งโลก one word one word

อ่านเพิ่มเติม