HTML入门：属性

你好，我是云桃桃。今天来聊一聊 HTML 属性写法和特点。

HTML 属性是用于向 HTML 标签（也叫 HTML 元素）提供附加信息或配置的特性。

如果说，把HTML 标签比作一个房子，HTML 标签定义了房子的结构和用途，比如客厅、卧室、厨房等。而 HTML 属性则为这些房间提供了更多的小细节和功能，比如家具的颜色、大小、位置等。

每个 HTML 元素可以包含一个或多个属性，这些属性用于定义元素的特定特征或行为。下面我们来看下它的写法叭。

HTML 属性特点

HTML 属性都是出现在开始标签处，以一个键一个值对的形式出现。

<!-- 使用 src 属性加载图像资源 -->
<img src="jay.jpg" alt="jayImage" />

<!-- 使用 href 属性创建超链接 -->
<a href="https://www.baid.com">访问网站</a>

<!-- 使用 id 属性为元素定义唯一标识符 -->
<div id="container">This is a container.</div>

<!-- 使用 class 属性定义元素的样式类 -->
<p class="important">This is an important paragraph.</p>

<!-- 使用 placeholder 属性定义输入框的占位符文本 -->
<input type="text" placeholder="Enter your name" />

以上代码演示了如何在 HTML 中使用 src、href、id、class、type 和 placeholder 属性，并将它们应用到相应的 HTML 元素中。下面我们一起来整体看看它的特点吧。

1、键值对结构： 属性通常由属性名和属性值组成，通常以成对的形式出现，中间用等号连接，例如：<img src="jay.jpg"> 中的 src 是属性名，"jay.jpg" 是属性值。

但并非所有属性都需要属性值，有些属性可以单独存在，其存在本身就表示一种状态或特性，例如一些表单标签（像<input>）的属性，如 checked、disabled。

<!-- 禁用的复选框 -->
<input type="checkbox"  disabled>

2、元素特性和行为： 属性可以定义元素的特性或行为，如 src 属性定义了图像的来源，href 属性定义了链接的目标地址，class 属性定义了元素的 CSS 样式类等。

3、可选和必填属性： 某些属性是元素的必填属性，如果缺少这些属性，则元素可能无法正常工作，而其他属性则是可选的，可以根据需要添加或省略，后续我们用的多了就知道了。

4、全局和局部属性： 有些属性可以用于所有 HTML 元素，称为全局属性，如 id、class，方便后续对元素增加 css 效果或者增加页面交互动作。比如，

属性	描述
id	定义元素的唯一标识符
class	定义元素的一个或多个样式类
style	定义元素的行内样式
title	提供有关元素的附加信息（通常显示为工具提示）
lang	指定元素内容的语言
dir	指定元素内容的文本方向（从左向右或从右向左）
accesskey	定义激活元素的键盘快捷键
tabindex	定义元素在 tab 键遍历时的顺序
draggable	指定元素是否可拖动
contenteditable	指定元素内容是否可编辑