1. 什么是属性
属性可以为 HTML 标签提供一些额外信息,或者对 HTML 标签进行修饰。属性需要添加在开始标签中,语法格式为:
attr="value"
attr
表示属性名value
表示属性值。属性值必须使用双引号" "或者单引号’ '包围。
注意⚠️ :虽然双引号和单引号都可以包围属性值,但是为了规范和专业,请尽量使用双引号。
一个标签可以没有属性,也可以有一个或者多个属性。
2. 属性分类
HTML 属性有很多,大体可以分为三类:
- 全局属性:有些属性适用于大部分或者所有 HTML 标签
- 专用属性:有些属性只适用于一个或者几个特定的 HTML 标签
- 自定义属性:借助 CSS 和 JavaScript 处理自定义属性,为 HTML 标签添加指定样式或者行为
3. 属性列表
tip: 颜色加深是常用属性
属性名 | 元素 | 描述 |
---|---|---|
accept | form, input | 服务器接受内容或文件类型的列表 |
accept-charset | form | 支持的字符集列表 |
accesskey | 全局属性 | 定义键盘快捷键来激活或者聚焦元素 |
action | form | 表单信息提交的 url 地址,指向进行处理的程序 |
align | applet, caption, col, colgroup, hr, iframe, img, table, tbody, td, tfoot , th, thead, tr | 设置元素的水平对齐 |
allow | iframe | 指定iframe的功能策略 |
alt | applet, area, img, input | 在图片无法呈现时的替代文本 |
async | script | 表示该脚本应该异步执行 |
autocapitalize | 全局属性 | 设置用户输入时输入是否自动大写 |
autocomplete | form, input, select, textarea | 表示该表单中是否可以由浏览器自动完成填值 |
autofocus | button, input, keygen, select, textarea | 在网页加载后该元素应该自动聚焦 |
background | body, table |