HTML 属性
HTML 属性提供了关于 HTML 元素的额外信息。
HTML 属性
- 所有 HTML 元素都可以具有属性
- 属性提供了关于元素的额外信息
- 属性始终在开始标签中指定
- 属性通常以名称/值对的形式出现，例如：name="value"
href 属性
<a> 标签定义了超链接。href 属性指定了链接指向页面的 URL
您将在我们的 HTML 链接章节 中了解更多关于链接的信息。
src 属性
<img> 标签用于在 HTML 页面中嵌入图片。src 属性指定了要显示的图片的路径
在 src 属性中指定 URL 有两种方法
1. 绝对 URL - 链接到托管在另一个网站上的外部图片。示例：src="https://w3schools.org.cn/images/img_girl.jpg".
注意：外部图片可能受版权保护。如果您未获得使用许可，则可能违反版权法。此外，您无法控制外部图片；它可能会突然被删除或更改。
2. 相对 URL - 链接到托管在网站内部的图片。这里，URL 不包含域名。如果 URL 以斜杠开头，它将相对于当前页面。示例：src="img_girl.jpg"。如果 URL 以斜杠开头，它将相对于域名。示例：src="/images/img_girl.jpg"。
提示：几乎总是最好使用相对 URL。如果更改域名，它们不会中断。
width 和 height 属性
<img> 标签还应包含 width 和 height 属性，它们指定图片的宽度和高度（以像素为单位）
alt 属性
<img> 标签的必需 alt 属性为图片指定了备用文本，如果由于某种原因无法显示图片，则会显示该文本。这可能是由于连接速度慢、src 属性中的错误，或者用户使用屏幕阅读器。
您将在我们的 HTML 图片章节 中了解更多关于图片的信息。
style 属性
style 属性用于向元素添加样式，例如颜色、字体、大小等。
您将在我们的 HTML 样式章节 中了解更多关于样式的信息。
lang 属性
您应该始终在 <html> 标签内包含 lang 属性，以声明网页的语言。这旨在帮助搜索引擎和浏览器。
以下示例指定英语为语言
<!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>
国家代码也可以添加到 lang 属性中的语言代码中。因此，前两个字符定义了 HTML 页面的语言，后两个字符定义了国家/地区。
以下示例指定英语为语言，美国为国家/地区
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
您可以在我们的 HTML 语言代码参考 中查看所有语言代码。
title 属性
title 属性定义了关于元素的一些额外信息。
当您将鼠标悬停在元素上时，title 属性的值将显示为工具提示
我们建议：始终使用小写属性
HTML 标准不要求属性名称使用小写。
title 属性（以及所有其他属性）可以使用大写或小写，例如 title 或 TITLE。
但是，W3C 建议 在 HTML 中使用小写属性，并且对于像 XHTML 这样的更严格的文档类型，要求 使用小写属性。
在 W3Schools，我们始终使用小写属性名称。
我们建议：始终用引号引起来属性值
HTML 标准不要求属性值周围有引号。
但是，W3C 建议 在 HTML 中使用引号，并且对于像 XHTML 这样的更严格的文档类型，要求 使用引号。
好的
<a href="https://w3schools.org.cn/html/">访问我们的 HTML 教程</a>错误
<a href=https://w3schools.org.cn/html/>访问我们的 HTML 教程</a>有时您需要使用引号。此示例将无法正确显示 title 属性，因为它包含空格
在 W3Schools，我们始终在属性值周围使用引号。
单引号或双引号？
在 HTML 中，属性值周围使用双引号是最常见的做法，但也可以使用单引号。
在某些情况下，当属性值本身包含双引号时，则必须使用单引号
<p title='John "ShotGun" Nelson'>
或者反之
<p title="John 'ShotGun' Nelson">
尝试一下 »
章节总结
- 所有 HTML 元素都可以具有**属性**
- 的
href属性<a>指定链接指向页面的 URL - 的
src属性<img>指定要显示的图像的路径 - 的
width和height属性<img>提供图像的大小信息 - 的
alt属性<img>为图像提供替代文本 - 的
style属性用于向元素添加样式，例如颜色、字体、大小等 - 的
lang属性<html>标记声明网页的语言 - 的
title属性定义有关元素的一些额外信息
HTML 属性参考
每个 HTML 元素的所有属性的完整列表，列在我们的：HTML 属性参考 中。
视频：HTML 属性
