HTML元素的属性

什么是HTML元素的属性

HTML元素的属性是定义在元素中为HTML元素提供附加信息。

绝大多数HTML元素可以定义属性。

HTML元素属性的定义方式

HTML元素的每个属性都有一个名称，并有对应的值。

HTML元素的属性定义方式为：属性名="属性值"。

HTML元素属性定义的例子

在上面的例子中，<a>元素用于定义一个链接，用户点击该链接后，可以进入到相应的网站或一个网页中。title是一个属性，该属性设置当用户的鼠标在该链接上稍作停留时，会给出一个文字提示，这里将会显示“点击我进入网站”。

<img>元素用于显示一张图片，src属性给出图片的地址，alt属性用于当图片不存在时，图片的位置将使用alt中指定的文字内容进行替代；height属性给出图片显示的高度，width属性用于指定图片显示的宽度。

<p>是一个段落元素，style属性给出段落文字显示的样式，这里指定文字的颜色为红色。

下面是这个例子在浏览器中显示的效果：

从上图可以看出，当鼠标在链接上停留时，显示了title属性中设置的文字；因为图片不存在，图片的位置使用alt属性中指定的文字进行了替代；段落的文字为style属性中设置的红色字。

另外，我们注意到，在浏览器中预览的效果并不像我们编写的HTML源码那样分三行进行显示的，很明显，链接和图片跑到一行中去了，而段落确是单独一行。这里涉及到HTML元素中的另外一个知识，就是一些元素是独占整行的区域，而另外一些元素可以与其他元素在同一行中，这些知识将在本站后续的内容进行逐一介绍。

HTML元素通用属性

在HTML中，一些属性可以适用于大多数元素，下表给出一些常用通用的属性和含义。

在HTML中，有些属性可以运用到所有的HTML元素，我们称之为HTML 全局属性。

HTML元素属性的大小写问题

HTML标准中并未规定属性名称的大小写问题，如你使用TITLE还是title，这都会被接受，但建议使用小写的属性名称。

HTML元素值的引号问题

HTML标准并未规定一定要将属性值放在双引号里，也就是说下面这两种情况都是可以被接受的。

上面两种都会被浏览器正确识别和处理，但是还是建议将属性值放在双引号里，这也是HTML的最佳实践。如在属性值中出现空格将，而没有使用双引号可能会造成浏览器无法正确识别，如下面的例子：

其显示效果如下：

 从上图可以看出，我们的本意是当图片不存在时要使用“Here is a picture”来代替图片的位置，但是因为alt没有使用双引号，导致浏览器将Here后面的内容理解为未知属性，造成实际效果与预想效果不一致。

使用双引号还是单引号

在大多数情况下，我们使用双引号来包裹属性的值，但在一些情况下，单引号和双引号要灵活运用，比如下面的例子：

上面这个例子说明在属性值中如又出现引号时，我们需要根据上面两个例子中的样子来处理这个问题。

以上讲解了HTML元素的属性相关问题，如有问题，请留言指出。

让更多的人学好计算机技术。