contenteditable
、draggable
和 hidden
。HTML5 引入了许多新的全局属性,这些属性可以应用于任何 HTML 元素,从而增强了网页的功能性和灵活性,以下是对HTML5中新增的全局属性的详细整理:
1、accesskey:规定激活元素的快捷键,允许用户通过键盘快速聚焦到该元素。
2、class:规定元素的一个或多个类名,用于引用样式表中的类。
3、contenteditable:规定元素内容是否可编辑,用户可以改变元素的内容以及操作标记。
4、contextmenu:规定元素的上下文菜单,当用户右击该元素时,出现上下文菜单。
5、dir:规定元素中内容的文本方向。
6、draggable:规定是否允许用户拖动元素。
7、dropzone:规定在拖动被拖动数据时是否进行复制、移动或链接。
8、hidden:规定元素仍未或不再相关,被隐藏的元素不会显示。
9、id:规定元素的唯一 ID。
10、lang:规定元素中内容的语言代码。
11、spellcheck:规定是否对元素进行拼写和语法检查。
12、style:规定元素的行内 CSS 样式。
13、tabindex:规定元素的 Tab 键控制次序。
14、title:规定有关元素的额外信息。
15、translate:规定是否应该翻译元素内容。
属性 | 描述 |
accesskey | 规定激活元素的快捷键 |
class | 规定元素的一个或多个类名(引用样式表中的类) |
contenteditable | 规定元素内容是否可编辑 |
contextmenu | 规定元素的上下文菜单(上下文菜单在用户点击元素时显示) |
dir | 设置元素中内容的文本方向 |
draggable | 指定某个元素是否可以拖动 |
dropzone | 指定是否将数据复制、移动或链接 |
hidden | 规定对元素进行隐藏 |
id | 规定元素的唯一 ID |
lang | 设置元素中内容的语言代码 |
spellcheck | 检测元素是否拼写错误 |
style | 规定元素的行内样式(inline style) |
tabindex | 设置元素的 Tab 键控制次序 |
title | 规定有关元素的额外信息 |
translate | 指定是否一个元素的值在页面载入时是否需要翻译 |
FAQs:
1、问:HTML5中的contenteditable
属性有什么用途?
答:contenteditable
属性用于规定元素内容是否可编辑,用户可以改变元素的内容以及操作标记,如果设置为true
,则表示元素内容可编辑;如果设置为false
,则表示元素内容不可编辑,未设置时,由inherit状态决定。
2、问:HTML5中的hidden
属性有什么作用?
答:hidden
属性用于规定元素仍未或不再相关,被隐藏的元素不会显示,这通常用于临时从视图中移除元素,但保留其结构和功能。
HTML5 中新的全局属性
HTML5 引入了一系列新的全局属性,这些属性可以在所有 HTML 元素中使用,增强了元素的语义和功能,以下是这些属性的具体列表和简要说明:
属性名 | 说明 | 用途 |
draggable | 用于指定元素是否可以被拖动。 | 可用于任何元素,尤其是用于自定义拖放交互。 |
hidden | 用于指定元素是否应该被隐藏。 | 当元素包含此属性时,它不会显示在页面上。 |
contenteditable | 用于指定元素的内容是否可以被编辑。 | 可用于任何元素,允许用户直接编辑元素内容。 |
contextmenu | 用于指定一个自定义的上下文菜单,当用户右键点击元素时显示。 | 通常与 元素结合使用,以创建自定义的右键菜单。 |
spellcheck | 用于指定元素的文本内容是否应该进行拼写检查。 | 可用于任何元素,尤其是 和 元素。 |
tabindex | 用于指定元素的 Tab 键顺序。 | 可以是一个整数,也可以是 "0"(表示元素不参与 Tab 顺序)。 |
autofocus | 用于指定页面加载时哪个元素应该获得焦点。 | 通常用于 或 元素,以自动填充表单。 |
placeholder | 用于提供可占位文本,当元素没有焦点时显示。 | 可用于 、 和 元素。 |
autocomplete | 用于指定表单字段值的自动完成行为。 | 可用于 元素,控制浏览器是否提供自动完成功能。 |
required | 用于指定表单元素在提交前是否必须填写。 | 可用于 、 和 元素。 |
minlength | 用于指定表单元素内容的最小长度。 | 可用于 和 元素。 |
maxlength | 用于指定表单元素内容的最大长度。 | 可用于 和 元素。 |
pattern | 用于指定一个正则表达式,用于验证表单元素的值是否符合模式。 | 可用于 元素,增强表单验证。 |
step | 用于指定 元素中数字值的变化步长。 | 可用于 元素。 |
list | 用于关联 元素与 元素,提供预定义的选项。 | 可用于 元素,增强数据输入的可选性。 |
aria | 用于提供对 WAIARIA(Web Accessibility Initiative Accessible Rich Internet Applications)的支持。 | 这些属性用于增强网页的可访问性,尤其是对屏幕阅读器的支持。 |
是 HTML5 中引入的新全局属性,它们为开发者提供了更多的控制元素和增强用户体验的能力。