HTML <div>แท็ก
ตัวอย่าง
ส่วน <div> ในเอกสารที่จัดรูปแบบด้วย CSS:
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>This is a heading
in a div element</h2>
<p>This is some text in a div element.</p>
</div>
</body>
</html>
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
แท็ ก<div>
กำหนดส่วนหรือส่วนในเอกสาร HTML
แท็ ก<div>
นี้ใช้เป็นคอนเทนเนอร์สำหรับองค์ประกอบ HTML ซึ่งต่อมากำหนดรูปแบบด้วย CSS หรือปรับแต่งด้วย JavaScript
แท็ ก<div>
มีสไตล์อย่างง่ายดายโดยใช้แอตทริบิวต์ class หรือ id
สามารถใส่เนื้อหาประเภทใดก็ได้ใน<div>
แท็ก!
หมายเหตุ:โดยค่าเริ่มต้น เบราว์เซอร์จะวางตัวแบ่งบรรทัดก่อนและหลัง <div>
องค์ประกอบ
รองรับเบราว์เซอร์
Element | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
คุณสมบัติสากล
แท็ ก<div>
ยังสนับสนุน Global Attributes ในHTML
คุณสมบัติของเหตุการณ์
แท็ ก<div>
ยังสนับสนุนแอตทริบิวต์เหตุการณ์ใน HTML
หน้าที่เกี่ยวข้อง
กวดวิชา HTML: บล็อก HTML และองค์ประกอบอินไลน์
กวดวิชา HTML: เค้าโครง HTML
การอ้างอิง HTML DOM: Div Object
การตั้งค่า CSS เริ่มต้น
เบราว์เซอร์ส่วนใหญ่จะแสดง<div>
องค์ประกอบด้วยค่าเริ่มต้นดังต่อไปนี้:
ตัวอย่าง
div {
display: block;
}