HTML属性

一、HTML属性

HTML元素可以设置属性，这些属性用于提供附加信息。属性通常描述在元素的开始标签中，并以名称/值对的形式出现。例如：

HTML 链接由 <a> 标签定义，链接的地址在 href 属性中指定：

<a href="https://www.example.com" rel="external nofollow"  rel="external nofollow" >这是一个链接</a>

在上面这个例子中，href 是一个属性，它的值是 "https://www.example.com"，表示这个链接的目标URL。

二、HTML属性值

HTML属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么必须使用单引号，例如：name=’John “ShotGun” Nelson’

注意：HTML 属性和属性值对大小写不敏感。

三、HTML属性用法

HTML属性可以指定元素的样式、链接等，有助于页面的定位和布局。下面是一些常见的属性及其用法：

1、class属性

class属性是用于向元素添加一个或多个类名，以便通过CSS样式表定义样式。

示例：

<p class="note">这是一个段落</p>

2、id属性

id属性是用于将元素标识为唯一的标识符，使用户可以通过JavaScript或CSS来定位和操作该元素。

示例：

<div id="header">这是一个导航栏</div>

3、src属性

src属性是用于指定图片、音频或视频文件的路径。

示例：

<img src="123.png" alt="示例图片">
<audio src="456.mp3"></audio>
<video src="789.mp4"></video>

4、href属性

href属性是用于指定链接目标的URL地址，也可以用于定义内部锚点。

示例：

<a href="https://www.example.com" rel="external nofollow"  rel="external nofollow" >访问 Example.com</a>
<a href="#bottom" rel="external nofollow" >跳转到页面底部</a>

5、title属性

title属性是用于提供元素的额外信息，通常会在鼠标悬停时显示。

示例：

<img src="image.png" alt="图片" title="图片描述">

6、style属性

style属性是用于将CSS样式规则直接应用于元素，它可以用于控制元素的颜色、字体、大小和布局等。

示例：

<div style="color: red; font-size: 20px;">红色的文字</div>

四、HTML全局属性

下表列出了HTML的全局属性，其中包含了HTML 5新加入的属性：