HTML5常见的单双标记是什么

HTML5 是超文本标记语言（HyperText Markup Language）的第五个版本，用于构建和呈现网页内容。在 HTML5 中，标记（Tag）是构成网页的基本元素。标记分为单标记和双标记两种类型。本文将介绍 HTML5 中常见的单标记和双标记。

1. 单标记（自闭合标记）

单标记是指不需要闭合的标记，它们通常用于插入某些独立的内容或元素。单标记在 HTML5 中以 <tag /> 或 <tag> 的形式出现，但 HTML5 中通常省略斜杠 /。

常见的单标记

1. <img>
   用于插入图片。
   示例：

   <img src="image.jpg" alt="描述文字">
   

2. <br>
   用于插入换行符。
   示例：

   <p>第一行<br>第二行</p>
   

3. <hr>
   用于插入水平分割线。
   示例：

   <p>段落1</p>
   <hr>
   <p>段落2</p>
   

4. <input>
   用于创建输入框。
   示例：

   <input type="text" placeholder="请输入内容">
   

5. <meta>
   用于定义页面的元数据，如字符编码、页面描述等。
   示例：

   <meta charset="UTF-8">
   

6. <link>
   用于链接外部资源，如 CSS 文件。
   示例：

   <link rel="stylesheet" href="styles.css">
   

2. 双标记（闭合标记）

双标记是指需要开始标记和结束标记的标记，它们用于包裹内容。双标记的格式为 <tag>内容</tag>。

常见的双标记

1. <div>
   用于定义文档中的块级容器。
   示例：

   <div>这是一个块级容器</div>
   

2. <p>
   用于定义段落。
   示例：

   <p>这是一个段落。</p>
   

3. <a>
   用于创建超链接。
   示例：

   <a href="https://example.com">点击这里</a>
   

4. <h1> 到 <h6>
   用于定义标题，<h1> 是最高级标题，<h6> 是最低级标题。
   示例：

   <h1>一级标题</h1>
   <h2>二级标题</h2>
   

5. <ul> 和 <li>
   用于创建无序列表。
   示例：

   <ul>
      <li>项目1</li>
      <li>项目2</li>
   </ul>
   

6. <ol> 和 <li>
   用于创建有序列表。
   示例：

   <ol>
      <li>第一项</li>
      <li>第二项</li>
   </ol>
   

7. <table>、<tr>、<td>
   用于创建表格。
   示例：

   <table>
      <tr>
          <td>单元格1</td>
          <td>单元格2</td>
      </tr>
   </table>
   

8. <form>
   用于创建表单。
   示例：

   <form action="/submit" method="post">
      <input type="text" name="username">
      <button type="submit">提交</button>
   </form>
   

9. <span>
   用于定义行内容器。
   示例：

   <p>这是一个<span style="color:red;">红色</span>的文字。</p>
   

10. <header>、<footer>、<section>
    用于定义文档的结构。
    示例：

    <header>页眉</header>
    <section>内容区域</section>
    <footer>页脚</footer>
    

总结

在 HTML5 中，单标记和双标记是构建网页的基础。单标记通常用于插入独立的内容或元素，而双标记则用于包裹内容并定义其结构。熟练掌握这些标记的使用，是编写高质量 HTML 代码的关键。无论是单标记还是双标记，它们都在网页开发中扮演着重要的角色。