ใช้แท็ก <div> เพื่อเพิ่มส่วนในเอกสาร แท็ก HTML <div> (division) ใช้สำหรับกำหนดส่วนของเอกสารของคุณ ด้วยแท็ก div คุณสามารถจัดกลุ่มองค์ประกอบ HTML จำนวนมากเข้าด้วยกันและจัดรูปแบบด้วย CSS
ตัวอย่าง
คุณสามารถลองโค้ดต่อไปนี้เพื่อสร้างส่วน:
<!DOCTYPE html>
<html>
<head>
<title>HTML div Tag</title>
<link rel="stylesheet" href="style2.css">
</head>
<body>
<div id="contentinfo">
<p>ยินดีต้อนรับสู่เว็บไซต์ของเรา เราให้บริการบทเรียนเกี่ยวกับวิชาต่างๆ</p>
</div>
</body>
</html>
ไฟล์ CSS style2.css:
#contentinfo p {
line-height: 20px;
margin: 30px;
padding-bottom: 20px;
text-align: justify;
width: 140px;
color: red;
}
แท็ก semantic ที่เฉพาะเจาะจงกว่า (HTML5):
<section>- ส่วนที่เกี่ยวข้องตามหัวข้อ<article>- เนื้อหาอิสระสมบูรณ์<aside>- เนื้อหาซับซ้อน/ข้างเคียง<nav>- ส่วนนำทาง<header>,<footer>- หัว/ท้ายเอกสารหรือส่วน<main>- เนื้อหาหลักของหน้า
ควรใช้ semantic tags แทน <div> เมื่อเหมาะสม เพื่อ SEO และ Accessibility
