HTML属性

HTML属性为HTML元素添加附加信息，以指定元素的行为和样式。HTML属性可以包含任何值，但是大多数属性需要特定的值。每个属性都有一个名称和一个值。

常用属性

class

class属性为元素定义一个或多个类名，多个类名之间用空格分隔。可以在css中使用类名来样式化元素。

<div class="class1 class2"></div>

id

id属性为元素定义唯一的标识符，该标识符在文档中必须是唯一的。可以在css中使用id来样式化元素。

<div id="myElement"></div>

href

href属性指定目标元素的链接地址。在a标签中使用，可以为链接添加一个目标网址。

<a href="https://www.example.com">example</a>

src

src属性指定要加载的媒体资源的 URL。当引用图像、音频、视频时常常用到。

<img src="picture.jpg" alt="example">

alt

alt属性为图片元素定义提供替代文本。当图像无法渲染时，替代文本将显示。

<img src="picture.jpg" alt="example">

title

title属性为元素定义一个额外的信息。通常作为鼠标悬停在元素上时显示的工具提示。

<div title="提示信息">example</div>

style

style属性为一个元素指定一个或多个内联样式规则。内联样式优先级最高。

<div style="width: 100px; height: 100px; background-color: blue"></div>

type

type属性指定脚本语言的MIME类型。

<script type="text/javascript">alert("JS alert.")</script>

自定义属性

HTML标准规定，属性名应该使用英文字母和数字，它们的单词之间可以用中划线来分隔。尽管如此，HTML并不限制属性名的定义，可以使用自定义属性。

<button data-type="submit">Submit</button>

自定义属性以"data-"开头，可以用JavaScript来访问和修改自定义属性的值。

参考链接

• HTML属性