HTML5学习笔记简明版(8):新增的全局属性

contenteditable属性

任何元素使用contenteditable属性的话,代表该元素是一个可编辑的区域。用户可以改变元素的内容以及操作标记。例如:

  1. 这是一段可编辑的段落。请试着编辑该文本。

登录后复制

该属于有3种值可选:true, false和空字符,空字符代表true。

而对框架页面可以通过JS程序代码来实现:editor.document.designMode=”on” 。

contextmenu属性

contextmenu属性用来指向一个作者提供的上下文目录,例如:

  1.  

登录后复制

data-*属性

开发人员可以在任何元素上定义他们想要的任何属性,只要他们在其之前加上 data- 的前缀,以此避免与未来的HTML版本的冲突,asp.net MVC下的jQuery验证就是采用这种方式,例如:data-val=”true”。

立即学习“前端免费学习笔记(深入)”;

draggable和dropzone属性

draggable 和 dropzone 属性可以与新的拖放API一起使用,draggable为是否允许拖放,dropzone代表可以拖放到哪个区域。

  1. test

登录后复制

hidden属性

不显示定义了hidden属性的元素。但与表现层的比如tab切换隐藏图层不同,hidden后的元素针对所有的显示,比如屏幕阅读器。与form里的hidden域相似。

role和aria-*属性

HTML5把WAI-ARIA当作是合法的语言增加,用来做辅助作用。

spellcheck属性

spellcheck 属性规定是否对元素内容进行拼写检查。例如:

  1. 这是可编辑的段落。请试着编辑文本。

登录后复制

以上就是HTML5学习笔记简明版(8):新增的全局属性的内容,更多相关内容请关注PHP中文网(www.php.cn)!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
编程技术

HTML5学习笔记简明版(9):变化的元素和属性

2025-4-1 8:29:07

编程技术

HTML5学习笔记简明版(7):新增属性(2)

2025-4-1 8:29:11

0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
私信列表
搜索