HTML5学习笔记简明版（8）：新增的全局属性
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了HTML5学习笔记简明版（8）：新增的全局属性，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1436字，纯文字阅读大概需要3分钟。
内容图文
contenteditable属性
任何元素使用contenteditable属性的话，代表该元素是一个可编辑的区域。用户可以改变元素的内容以及操作标记。例如：
<
p
contenteditable
="true"
>这是一段可编辑的段落。请试着编辑该文本。</p>
该属于有3种值可选：true, false和空字符，空字符代表true。
而对<iframe id="editor"></iframe>框架页面可以通过JS程序代码来实现：editor.document.designMode="on" 。
contextmenu属性
contextmenu属性用来指向一个作者提供的上下文目录，例如：
<
form
name
="npc"
action
=""
>
<
label
>Character name: <input type=text contextmenu=namemenu required></label><menu type=context id=namemenu><command label="Pick random name" onclick="document.forms.npc.elements.char.value = getRandomName()"><command label="Prefill other fields based on name" onclick="prefillFields(document.forms.npc.elements.char.value)"></menu></form>
data-*属性
开发人员可以在任何元素上定义他们想要的任何属性，只要他们在其之前加上 data- 的前缀，以此避免与未来的HTML版本的冲突，asp.net MVC下的jQuery验证就是采用这种方式，例如：data-val=”true”。
draggable和dropzone属性
draggable 和 dropzone 属性可以与新的拖放API一起使用，draggable为是否允许拖放，dropzone代表可以拖放到哪个区域。
<
p
draggable
="true"
dropzone
="div1"
>test</p>
hidden属性
不显示定义了hidden属性的元素。但与表现层的比如tab切换隐藏图层不同，hidden后的元素针对所有的显示，比如屏幕阅读器。与form里的hidden域相似。
role和aria-*属性
HTML5把WAI-ARIA当作是合法的语言增加，用来做辅助作用。
spellcheck属性
spellcheck 属性规定是否对元素内容进行拼写检查。例如：
<
p
contenteditable
="true"
spellcheck
="true"
>这是可编辑的段落。请试着编辑文本。</p>
版权声明：本文为博主http://www.zuiniusn.com原创文章，未经博主允许不得转载。
原文：http://blog.csdn.net/u013948190/article/details/46953651
内容总结
以上是互联网集市为您收集整理的HTML5学习笔记简明版（8）：新增的全局属性全部内容，希望文章能够帮你解决HTML5学习笔记简明版（8）：新增的全局属性所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。