ตัวอย่าง
ใช้ <hr> แท็กเพื่อกำหนดเปลี่ยนแปลงใจในเนื้อหา:
<h1>HTML</h1>
<p>HTML is a language for describing web pages.....</p>
<hr>
<h1>CSS</h1>
<p>CSS defines how to display HTML elements.....</p>
ลองตัวเอง» ความหมายและการใช้งาน
<hr> แท็กกำหนดแบ่งใจในหน้าเว็บ HTML (เช่นการเปลี่ยนแปลงของหัวข้อ)
<hr> องค์ประกอบที่จะใช้ในการเนื้อหาแยกต่างหาก (หรือกำหนดมีการเปลี่ยนแปลง) ในหน้าเว็บ HTML
สนับสนุนเบราว์เซอร์
| ธาตุ | |||||
|---|---|---|---|---|---|
| <hr> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
ใน HTML5 ที่ <hr> แท็กกำหนดแบ่งใจ
ใน HTML 4.01 ที่ <hr> แท็กหมายถึงการปกครองในแนวนอน
อย่างไรก็ตาม <hr> แท็กอาจจะยังไม่ปรากฏเป็นกฎแนวนอนในเบราว์เซอร์ที่มองเห็น แต่ในขณะนี้มีการกำหนดในแง่ความหมายมากกว่าแง่ presentational
ทุก layout แอตทริบิวต์จะถูกลบออกใน HTML5 ใช้ CSS แทน
ความแตกต่างระหว่าง HTML และ XHTML
ใน HTML ที่ <hr> แท็กไม่มีแท็กปิด
ใน XHTML ที่ <hr> แท็กจะต้องปิดอย่างถูกต้องเช่นนี้ <hr />
แอตทริบิวต์
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| align | left center right | ได้รับการสนับสนุนใน HTML5 ระบุการจัดตำแหน่งของที่ <hr> องค์ประกอบ |
| noshade | noshade | ได้รับการสนับสนุนใน HTML5 ระบุว่า <hr> องค์ประกอบที่ควรจะแสดงผลในสีทึบหนึ่ง (noshaded) แทนสีสีเทา |
| size | pixels | ได้รับการสนับสนุนใน HTML5 ระบุความสูงของที่ <hr> องค์ประกอบ |
| width | pixels % | ได้รับการสนับสนุนใน HTML5 ระบุความกว้างของที่ <hr> องค์ประกอบ |
แอตทริบิวต์ทั่วโลก
<hr> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<hr> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: วัตถุทรัพยากรบุคคล
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <hr> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:
ตัวอย่าง
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right:
auto;
border-style: inset;
border-width: 1px;
}
ลองตัวเอง»