属性是 HTML 元素提供的附加信息。通常来说,属性有以下几个特点:
HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现,比如:name=“value”。
属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name=‘John “ShotGun” Nelson’。属性和属性值对大小写不敏感。
全局属性 | |||
---|---|---|---|
名称 | 描述 | 备注 | 实例链接 |
accesskey | 规定激活(使元素获得焦点)元素的快捷键 | 在不同操作系统中不同的浏览器中访问快捷键的方式不同 | 实例链接 |
class | 规定元素的类名(classname) | 也可以用于 JavaScript 中(通过 HTML DOM), 来修改 HTML 元素的类名 | 实例链接 |
contenteditable | 指定元素内容是否可编辑 | 当元素中没有设置 contenteditable 属性时,元素将从父元素继承 | 实例链接 |
contextmenu | 指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单 | 目前只有 Firefox 浏览器支持 contextmenu 属性 | 实例链接 |
data-* | 用于存储页面的自定义数据 自定义的数据可以让页面拥有更好的交互体验 |
自定义属性前缀 "data-" 会被客户端忽略 | 实例链接 |
dir | 规定元素内容的文本方向 | dir 属性可用于任何的 HTML 元素 | 实例链接 |
draggable | 规定元素是否可拖动 链接和图像默认是可拖动的 |
Internet Explorer 8 及更早 IE 版本不支持 draggable 属性 | 实例链接 |
dropzone | 规定当被拖动的数据在拖放到元素上时,是否被复制、移动或链接 | 没有主流浏览器支持 dropzone 属性 | - |
hidden | 规定对元素进行隐藏 | 可以对 hidden 属性进行设置,使用户在满足某些条件时才能看到某个元素(比如选中复选框,等等) | 实例链接 |
id | 规定 HTML 元素的唯一的 id | 在 HTML 文档中必须是唯一的 | 实例链接 |
lang | 规定元素内容的语言 | lang 属性可用于任何的 HTML 元素 | 实例链接 |
spellcheck | 规定是否对元素内容进行拼写检查 | 类型为 text 的 input 元素中的值(非密码)/ textarea 元素中的值 / 可编辑元素中的值 | 实例链接 |
style | 规定元素的行内样式(inline style) | 将覆盖任何全局的样式设定,例如在 style 标签或在外部样式表中规定的样式 | 实例链接 |
tabindex | 设置元素的 Tab 键控制次序 | tabindex 属性可用于任何的 HTML 元素 | 实例链接 |
title | 规定关于元素的额外信息 | 这些信息通常会在鼠标移到元素上时显示一段工具提示文本(tooltip text) | 实例链接 |
translate | 规定元素内容是否要翻译 | 目前没有主流浏览器支持 translate 属性 | - |