HTML中16个全局属性介绍

编程开发 2020-10-09 06:54:13 31

导读

HTML原有属性accesskey作用：浏览器用来创建激活或聚焦元素的快捷键值：一个键盘字符如O范围：支持该属性的元素有<a>、<area>、<button>、<input>、<label>、<legend>、<textarea>注意：使用该属性可能在新窗口打开链接时可能会被……

HTML原有属性

accesskey

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

值：一个键盘字符如 O

范围：支持该属性的元素有<a>、<area>、<button>、<input>、<label>、<legend>、<textarea>

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

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

HTML中16个全局属性介绍

class

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

值：多个类名用空格分隔

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

dir

作用：文字的方向

值：ltr/rtl/auto

HTML中16个全局属性介绍

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

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

HTML中16个全局属性介绍

lang

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

en:英文
zh:中文
zh-CN：简体中文

zh 是中文，代表的是宏语言（Macrolanguage），zh 单独用表示中文整体，可以是方言、文言文、简繁体等混合内容。理论上 zh-CN 表示的是中国大陆中文，包含方言和简繁体，但默认指简体普通话。

为了精准性，应该用独立语种替换，包括但不仅限于普通话和七大方言：

cmn 普通话（官话、国语）
wuu 吴语（江浙话、上海话）、czh 徽语（徽州话、严州话、吴语-徽严片）
hak 客家语
yue 粤语（广东话）
nan 闽南语（福建话、台语）、cpx 莆仙话（莆田话、兴化语）、cdo 闽东语、mnp 闽北语、zco 闽中语
gan 赣语（江西话）
hsn 湘语（湖南话）
cjy 晋语（山西话、陕北话）

以下所有 zh 开头写法已于 2009 年废弃，因为在语言学的分类上，中国语言学者多认为吴语、粤语、闽语等是汉语的方言，而西方学者多认为这些语言是一门和汉语同级关系的单独语种。

以下两种写法均正确，后者描述更精准，但目前浏览器和操作系统都只支持前者，使用新标准可能会造成无法匹配浏览器用户定义字体、网页翻译、程序语言自动切换等功能，为了兼容性推荐使用前者。

zh-CN 中文 (简体, 中国大陆) 对应 cmn-Hans-CN 普通话 (简体, 中国大陆)
zh-SG 中文 (简体, 新加坡) 对应 cmn-Hans-SG 普通话 (简体, 新加坡)
zh-HK 中文 (繁体, 香港) 对应 cmn-Hant-HK 普通话 (繁体, 香港)
zh-MO 中文 (繁体, 澳门) 对应 cmn-Hant-MO 普通话 (繁体, 澳门)
zh-TW 中文 (繁体, 台湾) 对应 cmn-Hant-TW 普通话 (繁体, 台湾)

style

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

tabindex

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

值：<number>(1是第一个)

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

HTML中16个全局属性介绍