版权所有 © 2007-2017 致远建站 冀ICP备14009060号-1

html5中新增的语义化标签

2017-05-24 29

header 定义了文档的头部区域 <块>
nav 定义导航链接的部分。 <块>
article定义一个文章区域 <块>
section 定义文档中的节(section、区段)。<块>
aside定义页面的侧边栏内容 <块>
footer 定义document 的页脚。<块>
details用于描述文档或文档某个部分的细节 。<块>
summary标签包含 details 元素的标题 <块>

 <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> 

dialog 定义对话框,比如提示框。目前,只有 Chrome 和 Safari 6 支持 <dialog> 标签。<块>
属性:open,规定 dialog 元素是有效的,用户可以与它进行交互。
默认样式:绝对定位,绝对顶层,水平居中......
<dialog open>ok</dialog>
figure 规定独立的流内容(图像、图表、照片、代码等等)。<块>
figcaption 定义 <figure> 元素的标题 <块> 
 <figure>
    <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
    <figcaption>title</figcaption>
</figure>

mark 定义带有记号的文本。 <内>
meter 定义度量衡。仅用于已知最大和最小值的度量。IE不支持。<内>



属性

描述

form

form_id

规定 <meter> 元素所属的一个或多个表单。

high

number

规定被界定为高的值的范围。

low

number

规定被界定为低的值的范围。

max

number

规定范围的最大值。

min

number

规定范围的最小值。

optimum

number

规定度量的最优值。

value

number

必需。规定度量的当前值。


 <meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter> 


progress 定义任何类型的任务的进度。<内>


属性

描述

max

number

规定需要完成的值。

value

number

规定进程的当前值。


 <progress value="22" max="100"> 
ex:进度条 。点击按钮进度条开始滚动,当满值时提示完成。



ruby 定义 ruby 注释(中文注音或字符)。<内>
rt 定义字符(中文注音或字符)的解释或发音。<内>
rp 在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容<内>

 <ruby>
    漢 <rp>(</rp><rt>Kan</rt><rp>)</rp>
    字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby> 

time 定义日期或时间。 <内>
wbr 规定在一个单词中的何处适合添加换行符。IE不支持。<内>
 <p>学习 AJAX ,您必须熟悉 <wbr>Http<wbr>Request 对象。</p>


这个还不错哦~赏你点小钱吧!
支付宝打赏
微信打赏