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    规定元素对应的项目

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Js正则表达式过滤特殊字符、表情的实例代码: let ret = "12312ffds#¥@¥#%^***(()))*)).`@%@¥@¥", val = this.customDeviceName;//特殊字符过滤let pattern = new RegExp("[`~!@#$^*()=|{}':;',\\[\\]./?~!@#¥……*()——|{}【】‘;:”“'。,、?]
1、htmlshiv.js Remy开发的HTML5shiv工具能利用JavaScript在老式IE里创建main,header,footer等HTML5元素。也就是说使用JavaScript能创建这些本来不存在的HTML5新元素。这是什么原理?你可能花几天也想不明白,但谁在意呢!这个脚本几乎是所有正式网站必用
HTML5 火的正热,最近有个想法也是要用到HTML的相关功能,所以也要好好学习一把。 好好看了一下Canvas的功能,感觉HTML5在客户端交互的功能性越来越强了,今天看了一下Canvas绘图,下边是几个实例,记下以备后用。 1、使用Canvas绘制直线: !doctype html ht
响应式布局,理想状态是,对PC/移动各种终端进行响应。媒体查询的支持程度是IE9+以及其他现代的浏览器,但是IE8在市场当中仍然占据了比较大量的市场份额,使我们不得不进行IE低端浏览器的考虑。那么如何在IE6~8浏览器中兼容响应式布局呢?这里我们需要借助这
近日,微软宣布开源Chakra的核心组件。Chakra是微软新一代浏览器 Microsoft Edge的JavaScript引擎。相关代码将于2016年1月上传到微软的GitHub账号,项目名称为 ChakraCore,遵循MIT许可协议。 ...,HTML5中国,中国最大的HTML5中文门户。
这篇文章报道的不是“新闻”,因为W3C早已开始着手CSS变量方面的工作。至于Google,则要追溯到11月初,当时该公司主要开发人员之一的Addy Osmani宣布了率先在Chrome Canary中引入对CSS变量的支持。 ...,HTML5中国,中国最大的HTML5中文门户。