最新的Web開發教程
 

HTML <hr> Tag


使用<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;
}
試一試»