HTML5新增功能元素
2016-02-15 16:46
411 查看
HTML5(新增元素和全局属性)
HTML5新增功能元素
hgroup元素:用于对整个页面或页面中一个内容区块的标题进行组合。
figure元素:表示一段独立的流内容,一般表示文档主题流内容中的一个独立单元。
video元素:定义视频,比如电影片段或其他视频流。
audio元素:定义音频,比如音乐或其他音频流。
embed元素:用来插入各种多媒体,格式可以是MIDI、WAV、AIFF、AU、MP3等。
mark元素:主要用来在视觉上向用户呈现需要突出显示或高亮显示的文字。
time元素:表示日期或时间,也可以同时表示两者。
canvas元素:表示图形,如图表和其他图像。
output元素:表示不同类型的输出,比如脚本的输出。
source元素:为媒介元素定义媒介资源。
menu元素:表示菜单列表。当希望列出表单控制时使用该标签。
ruby元素:表示ruby注释。
rt元素:表示字符的解释或发音。
rp元素:在ruby解释中使用,以定义不支持ruby元素的浏览器所显示的内容。
wbr元素:表示软换行。
command元素:表示命令按钮,如单选按钮、复选框或按钮。
details元素:表示用户要求得到并且可以得到的细节信息,可与summary
元素配合使用。
datalist元素:可选数据的列表,与input元素配合使用,可以制作出输入值的下拉列表。
datagrid元素:表示可选数据的列表,它以树形列表的形式来显示。
keygen元素:表示生成密钥。
progress元素:表示运行中的进程,可以使用progress来显示JavaScript中耗费时间的函数的进程。
email:表示必须输入E-mail地址的文本输入框。
url:表示必须输入URL地址的文本输入框。
number:表示必须输入数值的文本输入框。
range:表示必须输入一定范围内数字值的文本输入框。
Date Pickers:HTML5拥有多个可供选取日期和时间的新型输入文本框。
HTML5全局属性
contentEditable属性的主要功能是允许用户在线编辑元素中的内容。
designMode属性用来指定整个页面是否可编辑,只能在JavaScript脚本里被编辑修改,该属性有两个值:on与off。
hidden属性功能是通知浏览器不渲染该元素,使该元素处于不可见状态。hidden属性是一个布尔值的属性,设为true时,元素处于不可见状态;设为false时,元素处于可见状态。
spellcheck属性是针对input元素与textarea这两个文本输入框提供的一个新属性,它的功能为对用户输入的文本内容进行拼写和语法检查。spellcheck属性是一个布尔值的属性。
tabindex属性当不断按Tab键让窗口或页面中的控件获得焦点,对窗口或页面中的所有控件进行遍历的时候,每一个控件的tabindex表示该控件是第几个被访问到的。
HTML5新增功能元素
hgroup元素:用于对整个页面或页面中一个内容区块的标题进行组合。
figure元素:表示一段独立的流内容,一般表示文档主题流内容中的一个独立单元。
video元素:定义视频,比如电影片段或其他视频流。
audio元素:定义音频,比如音乐或其他音频流。
embed元素:用来插入各种多媒体,格式可以是MIDI、WAV、AIFF、AU、MP3等。
mark元素:主要用来在视觉上向用户呈现需要突出显示或高亮显示的文字。
time元素:表示日期或时间,也可以同时表示两者。
canvas元素:表示图形,如图表和其他图像。
output元素:表示不同类型的输出,比如脚本的输出。
source元素:为媒介元素定义媒介资源。
menu元素:表示菜单列表。当希望列出表单控制时使用该标签。
ruby元素:表示ruby注释。
rt元素:表示字符的解释或发音。
rp元素:在ruby解释中使用,以定义不支持ruby元素的浏览器所显示的内容。
wbr元素:表示软换行。
command元素:表示命令按钮,如单选按钮、复选框或按钮。
details元素:表示用户要求得到并且可以得到的细节信息,可与summary
元素配合使用。
datalist元素:可选数据的列表,与input元素配合使用,可以制作出输入值的下拉列表。
datagrid元素:表示可选数据的列表,它以树形列表的形式来显示。
keygen元素:表示生成密钥。
progress元素:表示运行中的进程,可以使用progress来显示JavaScript中耗费时间的函数的进程。
email:表示必须输入E-mail地址的文本输入框。
url:表示必须输入URL地址的文本输入框。
number:表示必须输入数值的文本输入框。
range:表示必须输入一定范围内数字值的文本输入框。
Date Pickers:HTML5拥有多个可供选取日期和时间的新型输入文本框。
HTML5全局属性
contentEditable属性的主要功能是允许用户在线编辑元素中的内容。
designMode属性用来指定整个页面是否可编辑,只能在JavaScript脚本里被编辑修改,该属性有两个值:on与off。
hidden属性功能是通知浏览器不渲染该元素,使该元素处于不可见状态。hidden属性是一个布尔值的属性,设为true时,元素处于不可见状态;设为false时,元素处于可见状态。
spellcheck属性是针对input元素与textarea这两个文本输入框提供的一个新属性,它的功能为对用户输入的文本内容进行拼写和语法检查。spellcheck属性是一个布尔值的属性。
tabindex属性当不断按Tab键让窗口或页面中的控件获得焦点,对窗口或页面中的所有控件进行遍历的时候,每一个控件的tabindex表示该控件是第几个被访问到的。
相关文章推荐
- HTML5物理游戏开发 - 越野山地自行车(二)创建一辆可操控的自行车
- 华为AnyOffice 2015 HTML5 大赛,可以免费申请ECS机器3个月
- H5页面input输入框含有键盘自带的表情符时显示异常
- HTML5开发移动web应用——SAP UI5篇(5)
- HTML5 data-* 自定义属性
- HTML5のIndexedDB
- HTML5 Canvas 的事件处理
- 传奇创世h5开发案例分享:京东物流春节不打烊 寻宝赢限量joy SAGA与你相约
- HTML5离线Web应用实战:五步创建成功
- HTML5与php实现消息推送功能
- 使用 Xcode7 打包 HTML5+ 编写的应用 ipa 文件
- H5移动web页面触摸按钮效果实现-模拟按钮hover效果实现
- HTML5进入全屏和退出全屏
- html5
- html5 学习资料
- HTML5のFile&FileSystem
- html5 css3 颜色表示和透明度设置
- html5 css3 配色表
- H5拖曳文件上传示例
- H5的拖曳效果示例