HTML5中引入的关键特性

新特性

描述

accesskey

定义通过键盘访问元素的快捷键

contenteditable

该特性设置为true时,浏览器应该允许用户编辑元素的内容。不指定变化后的内容如何保存

contextmenu

定义menu元素的DOM id作为定义钙元素特性的上下文菜单

data-X

制定可以包含在标签中的用户定义的元数据,而不必担心这些元数据与当前的特性或者未来的特性冲突。使用这种类型的特性可以避免创建自定义特性或者过载class特性的常见方法

draggable

定义特性时,允许元素与其内容可以被拖放

hidden

在HTML5中,所有元素都可以有hidden特性,用于表示元素不相关,而且可以不显示。该 特性与CSS的display特性设置为none时意义比较相似

itemscope

个特性用于将一个元素设置成为一个microdata项

itemid

为microdata项建立全局标识符。这是一个可选的特性,如果使用该特性,那么就必须将其放置在设置itemscope和itemtype两个特性的元素中。该特性的特性值必须是URL形式的

itemprop

该特性用于为microdata项提供一对名称/值数据。任何包含itemscope特性的子标签都可以设置一个itemprop特性,为该项增加特性

itemref

该特性用于指定应该从哪些附加元素中为内容项寻找名称/值数据对。在默认情况下,只在包含itemscope特性的子元素中寻找。然而,如果数据相互交叉,只有唯一一个父项时,这个特性就没有意义了。在这里,itemref特性可以设置为在一组由空格分割开的子元素中寻找。该特性是可选的,但是如果使用它,就必须将其放置在设置了itemscope特性的元素中

itemtype

该特性要与itemscope特性结合使用,用于定义一个microdata项的全局类型。这是一个可选项,但是如果使用的话,就必须将其放置在设置itemscope特性的同一个元素中。该特性值的形式必须是URL

spellcheck

该特性使得元素能够进行拼写检查。然而,并不是所有的元素都需要设置该特性,因为只有在浏览页面时,对于所有的可编辑元素而言,它与contenteditable特性的作用才有意义

tabindex

在使用键盘进行导航时,定义元素的遍历顺序

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏yl 成长笔记

深刻理解反射(Reflection)

最近公司在搞自动化测试,由于版权问题,无法用 ’录制脚本‘ 进行,也就没法用 VS 自带的 UITest 框架(蛋疼), 所以只能开源的 FlaUI 框架来搞了...

884
来自专栏IMWeb前端团队

ES6学习之函数传参

本文作者:IMWeb Terrance 原文出处:IMWeb社区 未经同意,禁止转载 ECMAScript 6 (or ECMAScript 201...

20410
来自专栏九彩拼盘的叨叨叨

jQuery 复制表单 Bug 及修复

当 jQuery 复制表单时,会漏复制 textarea 和 select 的值。更详细的描述见 http://bugs.jquery.com/ticket/3...

341
来自专栏lgp20151222

thymeleaf中th:attr用法以及相关的thymeleaf基本表达式

${}变量表达式:用于访问容器上下文环境中的变量; *{}选择表达式:选择表达式与变量表达式有一个重要的区别:选择表达式显示的是选定的对象。选择的对象是一个:t...

611
来自专栏用户2442861的专栏

Java虚拟机工作原理详解

http://blog.csdn.net/bingduanlbd/article/details/8363734

461
来自专栏西枫里博客

ThinkPHP使用数组条件进行查询之同一字段多个条件

对同一表中多个字段的查询,在thinkPHP中使用数组条件进行查询,有三个好处,第一可以批量设置多个查询字段,第二可以设置多个查询条件,第三结构化你的代码,让代...

522
来自专栏chenssy

干货分享|Java异常经典14问,你都能答对吗?

异常是在程序执行期间可能发生的错误事件,并且会中断它的正常流程。异常可能来自不同类型的情况,例如用户输入的错误数据,硬件故障,网络连接故障等。

762
来自专栏精讲JAVA

Java异常面试问题

异常是在程序执行期间可能发生的错误事件,并且会中断它的正常流程。异常可能来自不同类型的情况,例如用户输入的错误数据,硬件故障,网络连接故障等。

663
来自专栏xiaoheike

多个DispatcherServlet有什么用处.md

有看到一些应用在 web.xml 文件中配置了多个 DispatcherServlet,例如:

1133
来自专栏智能合约

PHP魔术方法之__set()和__get()

1213

扫码关注云+社区