码迷,mamicode.com
首页 > Web开发 > 详细

HTML5新增特性

时间:2017-04-05 14:39:46      阅读:265      评论:0      收藏:0      [点我收藏+]

标签:mail   java   data   电影   语义   头部   bsp   cti   窗口   

1、新增的语义化标记元素

header 标记头部区域的内容(用于整个页面或页面中的一块区域)。

footer 标记脚部区域的内容(用于整个页面或页面中的一块区域)。

section 是web页面中的一块区域。

article 独立的文章内容。

aside 相关内容或者引文。

nav 导航类辅助内容。

2、新增的功能元素

hgroup元素,用于整个页面或页面中的一个内容区块的标题进行组合。

figure元素,表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。figcation元素可为figure元素组添加标题。

video元素,定义视频,比如电影片段或其他视频流。

audio元素,定义音频,比如音乐或其他音频流。

embed元素,用于插入各种多媒体。格式可为:MIDI、MAV、AIFF 、AU、 MP3等。

mark元素,主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字。

time元素,用于表示时间或者日期,也可两者都表示。

canvas元素,表示图形,如图表或其他图像。这个元素本身没有行为,仅提供一个画布,但它把一个绘图API展现给客户端JavaScript,以使脚本能够把想绘制的东西绘制到画布上。

output元素:表示不同类型的输出。

source元素:为媒介元素定义媒介资源。

menu元素:表示菜单列表,当希望列出表单控件时使用该标签。

ruby元素:表示ruby注释(中文注音或字符)。

rt元素:表示字符(中文注音或字符)的解释或发音。

rp元素:在ruby注释中使用,以定义不支持ruby元素的浏览器所显示的内容。

wbr元素:在浏览器窗口或者父级元素的宽度足够宽时(没必要换行时)不进行换行,只有当宽度不够时,主动在此进行换行。

command元素:表示命令按钮,如单选按钮、复选按钮或按钮。

details元素:表示用户要求得到并且可以得到的细节信息,可以与summary元素配合使用。summary元素应该是details元素的第一个子元素。

datalist元素:可选数据的列表,与input元素配合使用。

datagrid 元素:表示可选数据的列表,以树形结构显示

keygen元素:表示生成密钥。

progress元素:表示运行中的进程,可以使用它来显示JavaScript中耗费时间的函数的进程。

email元素:表示必须输入E-mail地址的文本输入框。

url元素:表示输入URL地址的文本输入框

number元素:表示输入数值的文本输入框。

range元素:表示必须输入一定范围内数字值的文本输入框。

 

HTML5新增特性

标签:mail   java   data   电影   语义   头部   bsp   cti   窗口   

原文地址:http://www.cnblogs.com/zhengyw/p/6668590.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!