แท็ก <section> ใน HTML

แท็ก <section> ใน HTML

แท็ก <section> ใน HTML ใช้สำหรับกำหนดส่วนต่างๆ เช่น header, footer, บทเรียน ฯลฯ ในเอกสาร HTML ซึ่งเราสามารถเรียกได้ว่าส่วน (sections)

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <h1>โปรไฟล์</h1>
  <h2>คุณสมบัติการศึกษา</h2>
  <section>
    <h2>ปริญญาตรี</h2>
    <select>
      <option value="bca">BCA</option>
      <option value="bcom">B.COM</option>
      <option value="btech">B.TECH</option>
    </select>
  </section>
  <section>
    <h2>ปริญญาโท</h2>
    <select>
      <option value="mca">MCA</option>
      <option value="mcom">M.COM</option>
      <option value="mtech">M.TECH</option>
      <option value="msc">M.Sc</option>
    </select>
  </section>
  <section>
    <p>ทำงานที่ ABC Corporation จาก กรกฎาคม 2015 - พฤษภาคม 2019 เป็น Technical Manager</p>
  </section>
</body>
</html>

ผลลัพธ์

ในตัวอย่างข้างต้น เราได้ตั้งค่าส่วนต่างๆ พร้อมแท็ก <select> ส่วนแรกคือ:

<section> <h2>ปริญญาตรี</h2> <select> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select> </section>

ส่วนที่เหลืออีกสองส่วนคือ:

<section> <h2>ปริญญาโท</h2> <select> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </select> </section> <section> <p>ทำงานที่ ABC Corporation จาก กรกฎาคม 2015 - พฤษภาคม 2019 เป็น Technical Manager</p> </section>