HTML基本语法

HTML基本语法

标签与元素

HTML（HyperText Markup Language，超文本标记语言）由标签（tags）和元素（elements）构成。标签是HTML文档结构和内容的基石。

• 标签：标签由尖括号（< 和 >）包围的关键词组成，例如<p>、<a>等。标签用于定义HTML文档中的不同部分或元素。
• 元素：元素由起始标签、内容和结束标签组成。结束标签在起始标签的基础上加上一个斜杠（/），例如<p>内容</p>。起始标签用于标识元素的开始，而结束标签则用于标识元素的结束。

标签语法

HTML标签根据其是否包含内容，可以分为封闭类型标签（双标签）和非封闭类型标签（单标签）。

• 封闭类型标签（双标签）
  • 语法：<标签>内容</标签>

封闭类型标签必须成对出现，即每个起始标签都必须有一个对应的结束标签。在结束标签中，先写一个斜杠（/），再写标签名称。如果缺少结束标签，HTML文档可能会出现结构错误，导致浏览器无法正确解析和显示内容。

• 非封闭类型标签（单标签）
  • 语法：<标签/> 或 <标签>（HTML5中允许省略自闭合的斜杠）

非封闭类型标签不包含内容，通常用于表示一些不需要闭合的HTML元素，如<img>、<br>等。在HTML5中，对于某些自闭合标签，可以省略斜杠，但出于兼容性和可读性的考虑，建议始终使用完整的自闭合形式。

属性

HTML标签可以包含属性，这些属性提供了关于标签的额外信息。属性通常用于指定元素的样式、行为或与其他元素的关联。

• 全局属性：全局属性适用于所有HTML标签，如id、class、style、title等。这些属性可以用于标识元素、应用样式、提供提示信息等。

<div id="unique-id" class="my-class" style="color: red;" title="提示信息">内容</div>

在上述示例中，id属性为元素提供了一个唯一的标识符，class属性用于将元素归类到特定的样式类中，style属性直接定义了元素的样式，而title属性则提供了关于元素的额外信息，这些信息通常会在用户将鼠标悬停在元素上时显示。

• 特定属性：特定属性仅适用于某些特定的HTML标签。例如，<a>标签的href属性用于指定链接的目标地址。

<a href="https://www.example.com">访问示例网站</a>

在这个例子中，href属性指定了链接的目标URL，当用户点击链接时，浏览器会导航到该URL。

注释

HTML中的注释用于在代码中添加说明或备注，这些注释不会被浏览器显示或解析。注释以<!--开始，以-->结束。

<!-- 这是一个注释，用于说明下面的代码块的功能 -->
<div>
    <!-- 这是一个嵌套注释，用于进一步解释某个特定元素的作用 -->
    <p>这是一个段落。</p>
</div>

通过使用注释，开发者可以在HTML代码中添加有用的信息，以帮助自己或其他人更好地理解代码的结构和功能。这对于维护大型项目或与他人协作开发时尤为重要。