HTML的16个全局属性_html/css_WEB-ITnose

目录 [1]accesskey [2]class [3]dir [4]id [5]lang [6]style [7]tabindex [8]title [9]contenteditable [10]contentmenu [11]data-* [12]draggable [13]dropzone [14]hidden [15]spellcheck [16]translate

前面的话

　　在html中，属性能表达相当丰富的语义，而且属性也会额外提供很多实用的功能，html共支持16个常见的全局属性。

HTML原有属性

accesskey

　　作用：浏览器用来创建激活或聚焦元素的快捷键

　　值：一个键盘字符如 O

　　范围：支持该属性的元素有、、、、、

、

立即学习“前端免费学习笔记（深入）”；

　　注意：使用该属性可能在新窗口打开链接时可能会被浏览器屏蔽

<div>    <a href="http://www.baidu.com" accesskey="b">百度</a>    <a href="http://www.taobao.com" accesskey="a">阿里</a>    <a href="http://www.qq.com" accesskey="t">腾讯</a>        <p>快捷键(alt+b)可以跳转到百度；快捷键(alt+a)可以跳转到阿里；快捷键(alt+t)可以跳转到腾讯</p></div>

class

　　作用：规定元素的一个或多个类名

　　值：多个类名用空格分隔

　　注意：类名不能以数字开头

dir

　　作用：文字的方向

　　值：ltr/rtl/auto

id

　　作用：规定元素的唯一标识

　　注意：若浏览器中出现多个id名的情况，CSS样式对所以该id名的元素都生效，但js脚本仅对第一个出现该id名的元素生效

lang

　　作用：规定元素内容的语言

　　值:en英文/zn中文

style

　　作用：设置元素的行间样式

tabindex

　　作用：规定元素的tab键次序

　　值：(1是第一个)

<div>    <a href="http://www.baidu.com" tabindex="3">百度</a>    <a href="http://www.taobao.com" tabindex="2">阿里</a>    <a href="http://www.qq.com" tabindex="1">腾讯</a>    </div>

title

　　作用：规定关于元素的额外信息，鼠标移到元素上时显示一段提示文本　

HTML5新增属性

contenteditable

　　作用：指定是否可以在浏览器里编辑内容

　　值：true/false

怪兽智能全息舱

专业的AI数字人平台，定制数字人专属IP

0

查看详情

　　注意：设置document.designMode ='on'时，页面的任意位置都可以编辑；使用contenteditable ='true'则只对具体元素和其包含的元素起作用

　　移动端：移动端ios5以及android3之后才支持该属性

　　选中文字后，点击下列相应属性值可进行演示

contextmenu(没有浏览器支持)

　　作用：跟元素关联的右键菜单

　　值：