例
使用<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>標記可能仍然顯示為可視化瀏覽器水平線,但現在在語義來界定,而不是表象的條款。
所有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參考: HR對象
默認設置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;
}
試一試»