HTML5新增标签和属性简介
HTML5以进入实际应用,它的强大之处早有耳闻,下面来看一下html5中的新标签和属性。
HTML5中的新标签:
<article> :定义article
<aside>:定义页面内容之外的内容
<audio>:定义声音内容
<canvas>:定义图形
<command>:定义命令按钮
<datalist>:定义列表
<datails>:定义元素的细节
<embed>:定义外部交互内容或插件
<figcaption>:定义 figure 元素的标题
<figure>:定义媒介内容的分组,以及它们的标题
<footer>:定义 section 或 page 的页脚
<header>:定义 section 或 page 的页眉
<hgroup>:定义有关文档中的 section 的信息
<keygen>:定义生成密钥
<mark>:定义有记号的文本
<meter>:定义预定义范围内的度量
<nav>:定义导航链接
<output>:定义输出的一些类型
<progress>:定义任何类型的任务的进度
<rp>:定义若浏览器不支持 ruby 元素显示的内容
<rt>:定义 ruby 注释的解释
<ruby>:定义 ruby 注释
<section>:定义 section
<source>:定义媒介源
<summary>:定义 details 元素的标题
<time>:定义日期/时间
<video>:定义视频
HTML5的新属性:
contenteditable:值:true/false 规定是否允许用户编辑内容
contextmenu: 值:menu_id 规定元素的上下文菜单
data-yourvalue:值: value 创作者定义的属性。HTML 文档的创作者可以定义他们自己的属性,必须以 "data-" 开头
draggable:值:true/false:auto 规定是否允许用户拖动元素
hidden:值:hidden 规定该元素是无关的。被隐藏的元素不会显示
item:值:empty/url 用于组合元素
itemprop:值:url/group value 用于组合项目
spellcheck:值:true/false 规定是否必须对元素进行拼写或语法检查
subject:值:id 规定元素对应的项目
HTML5中的新标签:
<article> :定义article
<aside>:定义页面内容之外的内容
<audio>:定义声音内容
<canvas>:定义图形
<command>:定义命令按钮
<datalist>:定义列表
<datails>:定义元素的细节
<embed>:定义外部交互内容或插件
<figcaption>:定义 figure 元素的标题
<figure>:定义媒介内容的分组,以及它们的标题
<footer>:定义 section 或 page 的页脚
<header>:定义 section 或 page 的页眉
<hgroup>:定义有关文档中的 section 的信息
<keygen>:定义生成密钥
<mark>:定义有记号的文本
<meter>:定义预定义范围内的度量
<nav>:定义导航链接
<output>:定义输出的一些类型
<progress>:定义任何类型的任务的进度
<rp>:定义若浏览器不支持 ruby 元素显示的内容
<rt>:定义 ruby 注释的解释
<ruby>:定义 ruby 注释
<section>:定义 section
<source>:定义媒介源
<summary>:定义 details 元素的标题
<time>:定义日期/时间
<video>:定义视频
HTML5的新属性:
contenteditable:值:true/false 规定是否允许用户编辑内容
contextmenu: 值:menu_id 规定元素的上下文菜单
data-yourvalue:值: value 创作者定义的属性。HTML 文档的创作者可以定义他们自己的属性,必须以 "data-" 开头
draggable:值:true/false:auto 规定是否允许用户拖动元素
hidden:值:hidden 规定该元素是无关的。被隐藏的元素不会显示
item:值:empty/url 用于组合元素
itemprop:值:url/group value 用于组合项目
spellcheck:值:true/false 规定是否必须对元素进行拼写或语法检查
subject:值:id 规定元素对应的项目
【HTML5新增标签和属性简介】相关文章
3. 你未必知道的CSS小知识:text-decoration属性变成了属性简写
5. HTML5新增的结构元素
7. HTML5 标签、事件句柄属性以及浏览器兼容情况速查手册
10. HTML5表单新特征简介与举例
本文来源:https://www.51html5.com/a525.html
上一篇:HTML5中对class属性的解释与规定
下一篇:HTML 5的革新:结构之美
﹝HTML5新增标签和属性简介﹞相关内容
- 0基础接触html5之jquery(一)简介
- 0基础接触html5之jquery(一)简介
- HTML5打造原生应用——Ionic框架简介与Ionic Hello World
- CSS3 Transitions, Transforms和Animation使用简介与应用展
- 统一接口工具JQuery Mobile简介
- Mozilla HTML5 Dashboard:HTML5新技术演示集合
- 检测浏览器支持哪些HTML5新特性的方法
- 开发者值得关注的HTML5新特性Canvas
- HTML5新感观 欧朋浏览器H5体验版试用
- 跨平台同步 HTML5新页游《黎明帝国》截图首曝