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">
自己动手试一试 »
Chapter Summary
- 所有 HTML 元素都可以拥有属性
<a>
的href
属性指定链接指向的页面的 URL<img>
的src
属性指定要显示的图像的路径<img>
的width
和height
属性为图像提供尺寸信息<img>
的alt
属性为图像提供替代文本style
属性用于向元素添加样式,例如颜色、字体、大小等<html>
标签的lang
属性声明了网页的语言title
属性定义了关于元素的额外信息
HTML 属性参考
所有 HTML 元素的完整属性列表,列在我们的:HTML 属性参考中。
视频:HTML 属性

