# HTML # HTML全局属性

HTML 中的全局属性对任何 HTML 元素有效!

HTML4 中的全局属性

1.class 规定元素的类名,主要用于写样式。

所有主流浏览器都支持 class 属性
在 HTML 4.01 中, class 属性不能用于: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, 和 <title>。
class 属性定义了元素的类名
class 属性通常用于指向样式表的类。但是,它也可以用于 JavaScript 中(通过 HTML DOM), 来修改 HTML 元素的类名。
名称规则:
1)必须以字母 A-Z 或 a-z 开头
2)可以是以下字符: (A-Za-z), 数字 (0-9), 横杆 ("-"), 和 下划线 ("_")
3)在 HTML 中, 类名是区分大小写的

2.id 规定元素的唯一id

所有主流浏览器都支持 id 属性
在 HTML 4.01 中, id 属性不能用于:<base>, <head>, <html>, <meta>, <param>, <script>, <style>, 和<title>
HTML 4.01 对于 id 的值有严格的限制(例如:在 HTML 4.01 id 值不能以数字开头)。
id 属性规定 HTML 元素的唯一的 id
id 在 HTML 文档中必须是唯一的。
id 属性可用作链接锚(link anchor),通过 JavaScript(HTML DOM)或通过 CSS 为带有指定 id 的元素改变或添加样式。 

3.style 设置元素的行内样式(inline style)

所有主流浏览器都支持 style 属性
在 HTML 4.01中, style 属性不能用于: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, 和 <title>。

4.title 规定元素的额外信息(可在工具提示中显示)

所有主流浏览器都支持 title 属性
在 HTML 4.01中, title属性不能用于:<base>, <head>, <html>, <meta>, <param>, <script>, <style>, 和 <title>。

5.accesskey 设置访问元素的键盘快捷键

所有主流浏览器都支持 accesskey 属性
在 HTML 4.01 中, accesskey 属性可使用于: <a>, <area>, <button>, <input>, <label>, <legend>, 和 <textarea>。
   

6.dir 设置元素中内容的文本方向

语法:
<element dir="ltr|rtl|auto">
ltr: 默认。从左向右的文本方向。
rtl:从右向左的文本方向
auto:让浏览器根据内容来判断文本方向。仅在文本方向未知时推荐使用

7.lang 设置元素中内容的语言代码

在 HTML 4.01 中, lang 属性不能用于: <base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param>, 和 <script>。

8.tabindex 设置元素的tab键控制次序

所有主流浏览器都支持 tabindex 属性
在 HTML 4.01中, tabindex 属性可用于: <a>, <area>, <button>, <input>, <object>, <select>, 和 <textarea>。


HTML5 新添加的HTML全局属性

1.contenteditable 规定是否可编辑元素的内容

所有主流浏览器都支持 contenteditable 属性
当元素中没有设置 contenteditable 属性时,元素将从父元素继承
语法:
<element contenteditable="true|false">
//true 指定元素是可编辑的
//false 指定元素是不可编辑的

2.contextmenu 指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单

目前只有 Firefox 浏览器支持 contextmenu 属性。

3.data-* 用于存储页面的自定义数据

所有主流浏览器都支持 data-* 属性。
data-* 属性用于存储私有页面后应用的自定义数据。
data-* 属性可以在所有的 HTML 元素中嵌入数据。

4.draggable 指定某个元素是否可以拖动

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 浏览器支持 draggable 属性。
Internet Explorer 8 及更早 IE 版本不支持 draggable 属性。
链接和图像默认是可拖动的。

5.dropzone 指定是否将数据复制,移动,或链接,或删除

没有主流浏览器支持 dropzone 属性。

6.hidden hidden 属性规定对元素进行隐藏。

所有主流浏览器都支持 hidden 属性,除了 Internet Explorer。
如果使用该属性,则会隐藏元素
可以对 hidden 属性进行设置,使用户在满足某些条件时才能看到某个元素(比如选中复选框,等等)。然后,可使用 JavaScript 来删除 hidden 属性,使该元素变得可见。

7.spellcheck 检测元素是否拼写错误
Internet Explorer 10, Firefox, Opera, Chrome, 和 Safari 浏览器支持 spellcheck 属性。
Internet Explorer 9 及更早IE版本不支持 spellcheck 属性。
语法:

<element spellcheck="true|false">

8.translate

目前没有主流浏览器支持 translate 属性。







    原文作者:大煜儿
    原文地址: https://segmentfault.com/a/1190000018689467
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞