HTML 属性
在 HTML 中,你可以使用属性(Attributes)来为元素提供额外的信息。属性总是写在 开始标签 中,并且通常以 键=值(key="value") 的形式存在。
这一节将带你了解 HTML 属性的基本语法,以及常用的全局属性和元素专属属性。
属性写在开始标签中
属性位于 HTML 元素的起始标签内,用来设置元素的行为或样式。
例如,<a>
标签使用 href
属性来定义链接地址:
<a href="https://www.getiot.tech">人人都懂物联网</a>
在这个例子中:
href
是属性名"https://www.getiot.tech"
是属性值
属性值应该使用引号包裹
在 HTML5 中,属性值通常使用 双引号 包裹,例如:
<img src="image.jpg" alt="图片描述">
虽然在某些情 况下可以省略引号(比如属性值中不包含空格),但为了代码规范和可读性,你应该始终使用引号,推荐用双引号。
常用属性示例
让我们看几个常见的属性:
1. href
属性
href
用于定义链接的目标地址,常见于 <a>
标签中。
<a href="https://www.php.net">访问 PHP 官网</a>
2. src
属性
src
用于定义图片、脚本或嵌入资源的路径,常见于 <img>
、<script>
、<iframe>
等标签中。
<img src="logo.png" alt="网站 Logo">
3. alt
属性
alt
提供图片无法显示时的替代文本,便于无障碍浏览和 SEO 优化。
<img src="cat.jpg" alt="一只可爱的猫">