例
使用 <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小时内与您取得联系。