HTML 属性介绍

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


HTML 属性

  • HTML属性是特殊的单词,它们提供有关元素的附加信息,或者说属性是HTML元素的修饰符。
  • 每个元素或标签都可以用属性定义该元素行为。
  • 属性始终与开始标签一起使用。
  • 属性始终是属性名称与属性值成对使用,如:id=”example”。
  • 属性名称和属性值区分大小写,W3C建议将其写为小写。
  • 您可以在一个HTML元素中添加多个属性,但是需要在两个属性之间留出空格。

语法格式

< 元素名称 属性名称 = “属性值”>描述内容</元素名称>   


属性示例

<a>标签的href属性:

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

<a href="http://www.runoon.com">这是一个链接</a>

效果展示:

这是一个链接

亲自试试


title 属性规定关于元素的额外信息,这些信息通常会在鼠标移到元素上时显示一段提示文本。

<h1>标签的title属性:

<h1 title = "这是标题标签"> title属性示例</h1>   

效果展示:

title属性示例

<p>标签的title属性:

<p title = "这是段落标签" >将光标移到标题和段落上,您将看到上元素上显示一段提示文本</p> 

效果展示:

将光标移到标题和段落上,您将看到上元素上显示一段提示文本

亲自试试


HTML 属性常用引用属性值

属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。

提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name=’John “ShotGun” Nelson’


HTML 提示:使用小写属性

属性和属性值对大小写不敏感。不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。

而新版本的 (X)HTML 要求使用小写属性。


HTML 属性参考手册

下面列出了适用于大多数 HTML 元素的属性:

属性描述
class为html元素定义一个或多个类名(classname)(类名从样式文件引入)
id定义元素的唯一id
style规定元素的行内样式(inline style)
title描述了元素的额外信息 (作为工具条使用)

查看完整的HTML属性列表: HTML 标签参考手册


相关