W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML 属性



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


HTML 属性

  • HTML 元素可以设置 属性
  • 属性可以在元素中添加 附加信息
  • 属性一般描述于 开始标签
  • 属性总是以名称/值对的形式出现,比如:name="value"

lang 属性

文档语言可以在 <html> 标签内声明。

语言是用 lang 属性声明。

对于可访问应用程序(屏幕阅读器)和搜索引擎来说,声明一种语言是很重要的:

<!DOCTYPE html>
<html lang="en-US">
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

前两个字母指定语言(en)。 如果有方言,请使用两个字母(US)。


title 属性

HTML段落用 <p> 标签来定义。

在此实例中,<p> 元素具有 title 属性。 属性的值为 "About W3Schools":

Example

<p title="About W3Schools">
W3Schools is a web developer's site.
It provides tutorials and references covering
many aspects of web programming,
including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.
</p>
尝试一下 »
Note 当你将鼠标移动到元素,标题将作为提示工具显示。

href 属性

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

Example

<a href="http://www.w3schools.wang">This is a link</a>
尝试一下 »

您将在本教程后面的部分详细了解链接和<a>标记。


Size 属性

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

文件的源 (src),和图片的尺寸 (widthheight) 都作为 属性被提供:

Example

<img src="w3schools.jpg" width="104" height="142">
尝试一下 »

alt 属性

当无法显示HTML元素时,alt 属性指定要使用的替代文本。

属性的值可以由“屏幕阅读器”读取。 这样,某人“收听”网页,即盲人,可以“听到”该元素。

Example

<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
尝试一下 »

我们建议:始终使用小写属性

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

标题属性可以用大写或小写,如 Title 和/或 TITLE

W3C 建议 在HTML4中使用小写,对于更严格的文档类型(如XHTML)要求小写。

Note 小写是最常见的。 小写字母更容易输入。
在W3Schools我们总是使用小写属性名称。

单引号还是双引号?

双引号在HTML中是最常见的,但也可以使用单引号。

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

<p title='John "ShotGun" Nelson'>

反之亦然:

<p title="John 'ShotGun' Nelson">

章节总结

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

HTML 属性

下面是HTML中经常使用的一些属性(按字母顺序排列)的列表:

属性 描述
alt 指定图像的替代文本
disabled 指定应禁用输入元素
href 指定链接的URL(网址)
id 定义元素的唯一id
src 指定图像的URL(网址)
style 规定元素的行内样式(inline style)
title 描述了元素的额外信息 (作为工具条使用)

更多标准属性说明: HTML 标准属性参考手册