HTML 属性


属性是HTML元素提供的附加信息.


HTML 属性

  • 所有HTML元素都可以具有属性
  • 属性可以在元素中添加附加信息
  • 始终在开始标签中指定属性
  • 属性通常以名称/值对的形式出现,如:name="value"

href 属性

HTML链接使用<a>标签定义。链接地址在href属性中指定:

实例

<a href="https://www.uihtml.com">这是一个链接</a>
运行 »

您将在本教程后面了解有关链接和<a>标签的更多信息.


src 属性

HTML图像使用<img>标签定义。

图像源的文件名在src属性中指定:

实例

<img src="img_girl.jpg">
运行 »

width和height 属性

HTML中的图像具有一组大小属性,用于指定图像的宽度(width)和高度(height):

实例

<img src="img_girl.jpg" width="500" height="600">
运行 »

图像大小以像素为单位指定:width="500"表示500像素宽。

您将在我们的 HTML图片章节中 了解有关图像的更多信息.


alt 属性

alt属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。

屏幕阅读器可以读取属性的值。这样,有人“倾听”网页,例如视障人士,可以“听到”该元素。

实例

<img src="img_girl.jpg" alt="穿夹克衫的女孩">
运行 »

如果图像不存在或者无法显示时,alt属性就代替图片显示内容

图片alt属性是搜索引擎唯一能识别的图片信息,因此,在优化网站时,尽可能利用alt属性阐述图片的主题内容,但是又要避免关键词的重叠堆砌,该图片属性作用也不仅仅告诉搜索引擎图片的主要信息,另外在图片出现加载失败时,还能够让访客理解图片所阐述的内容!

实例

看看如果我们尝试显示不存在的图像会发生什么:

<img src="img_typo.jpg" alt="穿夹克衫的女孩">
运行 »


style 属性

style属性用于指定元素的样式,如颜色,字体,大小等。

实例

<p style="color:red"> 我是红色的文字 </p>
运行 »

您将在本教程后面以及 CSS教程中 了解有关样式的更多信息。


lang 属性

<html>标签中声明文档的语言

使用lang属性声明语言

声明语言对于辅助功能应用程序(屏幕阅读器)和搜索引擎非常重要:

<!DOCTYPE html>
<html lang="zh-CN">
<body>

...

</body>
</html>

前两个字母指定语言(zh)。如果有方言,请再使用后面两个字母(CN)。


title 属性

这里的title属性被添加到<p>标签中。将鼠标悬停在段落上时,title属性的值将显示为工具提示:

实例

<p title="我可以提示哦">
这是一个段落.
</p>
运行 »

我们建议:使用小写属性

HTML5标准不需要小写的属性名称。

title属性可以用大写或小写,如titleTITLE

W3C建议使用HTML小写,并要求更严格的文档类型(如XHTML)使用小写。

在uihtml.com中,我们总是使用小写的属性名称。


我们建议:引用属性值

HTML5标准不需要给属性值添加引号。

下面演示的href属性可以不带引号编写:

不推荐

<a href=https://www.uihtml.com>
运行 »

推荐

<a href="https://www.uihtml.com">
运行 »

W3C推荐HTML中的引号,并要求更严格的文档类型(如XHTML)引用。

有时需要使用引号。此示例不会正确显示title属性,因为它包含一个空格:

实例

<p title=关于 uihtml>
运行 »

使用引号是最常见的。省略引号可能会产生错误。
UIHTML推荐给属性值使用(单/双)引号


单引号还是双引号?

属性值周围的双引号是HTML中最常见的,但也可以使用单引号。

在某些情况下,当属性值本身包含双引号时,必须使用单引号:

<p title='I "LOVE" YOU UIHTML'>

或相反亦然:

<p title="I 'LOVE' YOU UIHTML">
运行 »

章节总结

  • 所有HTML元素都可以具有属性
  • title属性提供了附加的“工具提示”信息
  • href属性提供链接的地址信息
  • widthheight属性提供图像的大小信息
  • alt属性为屏幕阅读器提供文本
  • UIHTML推荐使用小写的属性名称
  • UIHTML推荐用双引号引用属性值


HTML属性

下面是HTML中常用的一些属性的字母顺序列表,您将在本教程中了解更多信息:

属性 描述
alt 当图像无法显示时,alt指定图像的替代文本
disabled 指定应禁用输入元素
href 指定链接的URL(Web地址)
id 指定元素的唯一ID
src 指定图像的URL(Web地址)
style 指定元素的内联CSS样式
title 指定有关元素的附加信息(显示为工具提示)

HTML 标准属性参考手册 列出了每个HTML元素的所有属性的完整列表。