容器标签是否与 HTML 中的空标签相同？如果不是，为什么？

在本文中，我们将看到 HTML 中的容器标签和空标签，以及它们之间的区别。容器标签与空标签不同，它们是 HTML 中使用的两种不同类别的标签。

容器标签：该标签包含3部分，即开始标签、将在浏览器中显示的内容和结束标签。如果我们忘记添加结束标签，那么浏览器将继续在该标签内的内容上实现该开始标签的效果。这会使整个网页的结构变形。

句法：

 Content 

常用容器标签列表：

• HTML 文档的根标签：这些是每个 HTML 文档的一些根元素，如果不在 HTML 中包含这些标签，我们就无法创建网页。
  • ：它是 HTML 文档的根元素，指示网页的开始和结束，以及呈现其中的内容。
  • ：该标签包含一些与网页相关的抽象信息，不直接显示，而是用来增强整个网页的效果。
  • ：此标记包含显示在浏览器选项卡中的 HTML 文档的标题。它在 head 标签内描述。
  • :身体 标签包含网页上可见的所有数据。
• 标题标签：标题标签用于为您的网页提供不同文本大小和样式的标题。标题标签从

  到

  不等。

• 列表：有 3 个不同的列表标签用于以特定方式列出不同的项目，如下所示：
  • : 这个列表 标签用于按特定顺序列出项目，即数字、字母或罗马数字。
  • 标签用于在其中添加列表项。
  • : 这个列表 标签用于以项目符号的形式列出项目。子弹的形状可以更改为圆盘、圆形和方形。它还使用
  • 标签添加列表项。

  • ：这是一个定义列表 标签。它使用
    数据项标签和
    数据描述标签以在其中添加项目。
• 文本格式化程序：这些标签定义了文本在网页上的显示方式。

  • : 这是段落 用于在网页上添加文本的标签。
  • ：粗体 标签用于显示网页上重要的粗体文本。
  • ：斜体 标签以倾斜的形式显示文本。

这些也是通常在 HTML 文档中使用的一些容器标签。

• : 这个 标签用于在网页上创建一个单独的容器，该容器也可以在其中使用其他标签。
• : 这是一个按钮 用于在网页上形成按钮以执行某些操作的标记。
• :导航 标签用于构建 导航栏 在网站上。
• : script标签主要用于使用 src 属性链接外部的 JavaScript 文件，也可以在 HTML 文档中直接在该标签内编写 JavaScript 代码。
• : iframe 标签用于显示嵌套的网页。它代表另一个网页中的一个网页。

示例：下面的示例演示了在 HTML 中使用容器标签。

HTML

  

    
  
    

  

    
Welcome To GFG
    

        Here are some common container 
        tags used in this code:
    
  
    
Hey! This is a paragraph.
  
    
Below is an description list:
    

        
GeeksforGeeks
        

            GeeksforGeeks is an online learning
            platform for geeks around the globe.
        
        
Notebook
        

            Notebook is a collection of pages
            (plane or linear) that is used to
            make notes of some important things.
        
    
    Click Me!

  

---

输出：

空标签：空标签是只包含开始标签的标签，它们没有任何结束标签。因此，如果我们忘记关闭任何空标签，它们不会影响网页。

句法：

以下是 HTML 文档中通常使用的一些空标签：

• ：此标签用于获取用户的输入。它主要用于表单标签内。
• ：它是一个图像标签，用于在网页上插入图像。
• 
  ： break 标签用于换行并跳到下一行。
• ：链接标签用于将外部 CSS 文件链接到当前 HTML 文档。

• ---

  ：用于插入水平线 需要时在网页上。
• ：源标签用于插入外部 媒体文件到可以是音频或视频文件的网页。
• ：存储元信息 关于网页，这是关于我们不想在网页上向用户显示的数据的信息。

示例：下面的示例说明了 HTML 中空标签的使用。

HTML

  

    
    

  

    
Welcome To GFG
    

        Here are some common empty 
        tags used in this code:
    
  
    
Hey! This is a paragraph.
  
    

    

    

  

输出：

S. No.	Container Tags	Empty Tags
1.	It contains the opening tag, content, & the closing tag.	It has only the opening tag, & do not have any end tag.
2.	Container tags may contain the empty tag inside in it. Eg.: .	Empty tags do not contains any tag, it use only attributes inside in it. Eg: .
3.	Container tags can be used to define the behavior of text inside in it.	Empty tag do not have any text content inside in it.
4.	The nesting of the tags can be possible in this case.	The nesting of tags is not possible.