【HTML 教程系列第 6 篇】详解什么是 HTML 中的属性？

这是【HTML 教程系列第 6 篇】，如果觉得有用的话，欢迎关注专栏。

上一篇博客说到了 什么是 HTML 中的元素 ，俗话说 HTML 元素和属性不分家，本篇博客就来说一说 HTML 中的属性。

一：什么是 HTML 属性

作用：属性为 HTML 元素提供附加信息，HTML 属性有以下几个特点

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

二： HTML 属性实例

下面我们以链接标签举例，如下图所示 HTML 链接由 标签定义，href 就是 a 元素的一个属性，双引号里面的内容是属性值，填的是 url 地址。

三： 属性可以随便写在任意元素里吗

答案是否定的，如果你把 href 属性写到一个段落元素 p 内部，虽然在编辑器里正常写入和显示，但在浏览器里却不会被正常解析，如下图所示 由浏览器效果就可以看出来，默认的链接标签在文字下面都会有一个下划线，虽然我们把 href 属性写在了 p 元素内，但点击是没有任何效果的 。

细心的你可能会发现，其实在我的 WebStorm 编辑器里，已经提示了我 href 属性不允许写在 p 元素内。

四：一些适用于大多数 HTML 元素的属性

下面列举出一些适用于大多数 HTML 元素的属性，如下表格所示

五：HTML 属性的注意事项

注意事项一：

HTML 属性的属性值应该被写到引号内，至于引号写成单引号还是双引号都是可行的，从使用频率上，用双引号的时候更多。

不过需要特别说明的是，在一些个别情况下，比如属性值本身就含有双引号，则你必须使用单引号，例如：name = ‘John “ShotGun” Nelson’ 。

注意事项二：

属性和属性值对大小写不敏感，下面我分别以小写，大写的形式写两个链接标签

编辑器效果如下图所示： 谷歌浏览器运行效果如下图所示 这两个链接标签都是可以正常点击并正确跳转的。

不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值，而新版本的 (X)HTML 要求使用小写属性。

你的问题得到解决了吗？欢迎在评论区留言。

赠人玫瑰，手有余香，如果觉得文章不错，希望可以给个一键三连，感谢。

结束语 技术是一点一点积累的，大神也不是一天就可以达到的。原地不动就是退步，所以每天进步一点点。 最后，附上一句格言："好学若饥，谦卑若愚"，望共勉。