例
使用 <summary> 元素:
<details>
<summary>Copyright 1999-2011.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
瀏覽器支持
目前,只有 Chrome 和 Safari 6 支持 <summary> 標簽。
標簽定義及使用說明
<summary> 標簽為 <details> 元素定義一個可見的標題。 當用戶點擊標題時會顯示出詳細信息。
HTML 4.01 與 HTML5之間的差異
<summary> 標簽是 HTML5 中的新標簽。
提示和注釋
注釋:<summary> 元素應該是 <details> 元素的第一個子元素。
全局屬性
<summary> 標簽支持 HTML 的全局屬性。
事件屬性
<summary> 標簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
TML標簽規范
盡管目前瀏覽器都兼容HTML,但是,使網頁能夠符合標準,應該盡量使用XHTML規范來編寫代碼,需要注意以下事項:
(1)在XHTML中,標簽名必須小寫。在HTML中,標簽名稱可以大寫,也可以小寫。
(2)在XHTML中,屬性名稱必須小寫。在HTML中,屬性名稱也必須是小寫的。
(3)在XHTML中,標簽必須嚴格嵌套;HTML對標簽的嵌套沒有嚴格的規定。
(4)在XHTML中,標簽必須封閉;在HTML規范中,標簽不閉合也是正確的,即標簽可以不成對出現。例如,“<p>我沒有結束標簽”和“<p>我有開始標簽和結束標簽</p >”,這兩條代碼的顯示效果,在HTML規范中是完全相同的,但是,在XHTML中,第一條語句是不允許的(不能正常顯示),必須像第二條語句那樣,嚴格地使標簽閉合。
(5)在XHTML中,即使是空元素的標簽也必須封閉,這里說的空標簽,就是指那些<img>、<br>、<hr>等不對稱的標簽,它們也必須閉合,即寫作<img>、<br>、<hr/>;而在HTML.規范中,這類標簽可以不封閉。例如,在HTML中書寫為<img>或<img/>均是正確的,但在XHTML規范中,必須寫為<img/>才正確。
(6)在XHTML中,屬性值必須用雙引號括起來;在HTML中,屬性可以不必使用雙引號。
(7)在XHTML中,屬性值必須使用完整形式;在HTML中,一些屬性經常使用簡寫方式設定屬性值。例如:
<input disabled>
而在XHTML中,必須完整地寫做:
<input disabled="true">
(8)在XHTML中,應該區分“內容標簽”與“結構標簽”。例如,<p>標簽是一個內容標簽,而<table>標簽是結構標簽,因此,不允許將<table>標簽置于<p>標簽內部。反之,如果將<p>標簽置于<td>…</td>之間,則是完全正確的。
(9)在XHTML中,必須添加文檔類型聲明<!DOCTYPE>。該標簽用于描述HTML的版本和文檔類型聲明,進行了相應的版本和文檔類型聲明之后,才能保證這是一個XHTML網頁,從而讓瀏覽器以相應的規范來解析網頁,使網頁正常顯示。
例
<article> 的頁眉:
<article>
<header>
<h1>Internet Explorer 9</h1>
<p><time pubdate datetime="2011-03-15"></time></p>
</header>
<p> Windows Internet Explorer 9(縮寫為 IE9 )是在2011年3月14日21:00發布的</p>
</article>
瀏覽器支持
IE 9、Firefox、Opera、Chrome 和 Safari 支持 <header> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <header> 標簽。
標簽定義及使用說明
<header> 標簽定義文檔或者文檔的一部分區域的頁眉。
<header> 元素應該作為介紹內容或者導航鏈接欄的容器。
在一個文檔中,您可以定義多個 <header> 元素。
注釋:<header> 標簽不能被放在 <footer>、<address> 或者另一個 <header> 元素內部。
HTML 4.01 與 HTML5之間的差異
<header> 標簽是 HTML 5 中的新標簽。
全局屬性
<header> 標簽支持 HTML 的全局屬性。
事件屬性
<header> 標簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。