欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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新增标签和属性简介的内容,更多相关内容请关注PHP中文网(www.php.cn)!