HTML5新增标签和属性简介
程序员文章站
2022-03-31 10:42:21
...
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新增标签和属性简介的内容,更多相关内容请关注PHP中文网(www.php.cn)!