แท็ก <hr> ใน HTML

แท็ก <hr> ใน HTML

แท็ก <hr> ใน HTML เพิ่มเส้นคั่นที่แยกเนื้อหาในเอกสาร HTML ใน HTML5 แท็ก <hr> กำหนดให้เป็น thematic break (การแบ่งหัวข้อตามธีม) แท็กนี้ไม่มีแท็กปิด

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
  <title>หัวข้อเอกสาร</title>
</head>
<body>
  <h1>สินค้า</h1>
  <p>นี่คือสินค้า -</p>
  <h2>เสื้อผ้า</h2>
  <p>เสื้อผ้าประกอบด้วย เสื้อยืด, เสื้อเชิ้ต, กางเกงยีนส์, กางเกง และฮู้ดซี่</p>
  <hr>
  <h2>อิเล็กทรอนิกส์</h2>
  <p>อิเล็กทรอนิกส์ประกอบด้วย มือถือ, อุปกรณ์มือถือ, โน้ตบุ๊ค, เดสก์ท็อป ฯลฯ</p>
</body>
</html>

ผลลัพธ์

ในตัวอย่างข้างต้น เราได้ตั้งค่าส่วนแรก:

<h2>เสื้อผ้า</h2><p></p> <p>เสื้อผ้าประกอบด้วย เสื้อยืด, เสื้อเชิ้ต, กางเกงยีนส์, กางเกง และฮู้ดซี่</p>

หลังจากนั้น เราใช้แท็ก <hr> เพื่อแยกเนื้อหาด้านบนกับด้านล่าง:

<hr> <h2>อิเล็กทรอนิกส์</h2> <p>อิเล็กทรอนิกส์ประกอบด้วย มือถือ, อุปกรณ์มือถือ, โน้ตบุ๊ค, เดสก์ท็อป ฯลฯ</p>