html5新增的全局属性有哪几个?描述其主要功能。

html5新增的全局属性有哪几个?描述其主要功能。,第1张

HTML5新增的全局属性,是指可以对任何元素都使用的属性。功能如下所示。

属性

描述

HTML5新增

accesskey

规定访问元素的键盘快捷键

class

规定元素的类名(用于规定样式表中的类)。

contenteditable

规定是否允许用户编辑内容。

contextmenu

规定元素的上下文菜单。

dir

规定元素中内容的文本方向。

draggable

规定是否允许用户拖动元素。

dropzone

规定当被拖动的项目/数据被拖放到元素中时会发生什么。

hidden

规定该元素是无关的。被隐藏的元素不会显示。

id

规定元素的唯一 ID。

lang

规定元素中内容的语言代码。

spellcheck

规定是否必须对元素进行拼写或语法检查。

style

规定元素的行内样式。

tabindex

规定元素的 tab 键控制次序。

title

规定有关元素的额外信息。

全局属性可用于任何 HTML5 元素。

可参考:http://www.jb51.net/w3school/html5/html5_ref_globalattributes.htm

事件属性:

就是当用户 *** 作一个 HTML 元素(如按钮,文本框,选择框等)时,触发某种事件(如点击事件onclick、值变化事件onchange等),从而启动一段 JavaScript动作。

常用的事件有几类:

1. 窗口事件,如onload(当页面被载入时执行),onunload

2. 表单元素事件,如onchange, onsubmit,onreset,onselect,onblur,onfocus

3. 键盘事件,如onkeydown,onkeypress,onkeyup

4. 鼠标事件,如onclick, ondbclick,onmousedown, onmouseup,onmouseover,onmouseout,onmousemove

等等

accesskey:设置快捷键,提供快速访问元素如aaa在windows下的firefox中按alt + shift + a可激活元素

类:为元素设置类标识,多个类名用空格分开,CSS和JavaScript的可通过类属性获取元素

contenteditable:指定元素内容是否可编辑

contextmenu:自定义鼠标右键d出菜单内容

data- *:为元素增加自定义属性

dir:设置元素文本方向

draggable:设置元素是否可拖拽

dropzone:设置元素拖放类型:复制,移动,链接

hidden:表示一个元素是否与文档。样式上会导致元素不显示,但是不能用这个属性实现样式效果

id:元素id,文档内唯一

lang:元素内容的的语言

spellcheck:是否启动拼写和语法检查

style:行内css样式

tabindex:设置元素可以获得焦点,通过tab可以导航

title:元素相关的建议信息

translate:元素和子孙节点内容是否需要本地化


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6243401.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存