📌  相关文章
📜  说明意义<head>和<body>HTML 中的标记

📅  最后修改于: 2022-05-13 01:56:21.386000             🧑  作者: Mango

解释 和 标签在 HTML 中的意义

HTML 和 标签是 HTML 中最常用的两个标签。在其页面中不使用 和 标签的行业级网站是非常罕见的。在本文中,我们将了解这两个标签在 HTML 文档中的意义。

HTML 标签的意义: HTML中的 head 标签用于包含与文档相关的元数据或信息。它包含一些最重要的标签,例如 、 <meta> 和 <link> 。</p><div class="textBasedMannualAds"></div><p><strong>从浏览器的角度来看:</strong></p><ul><li>在 HTML 5 中,在 HTML 文档中包含 <head> 标签不是强制性的,但在以前的版本(4.0.1)中,它是强制性的。</li><li>通常包含在 head 内的 <title>、<meta> 或 <link> 等标签在没有 <head> 标签或在 <head> 标签外也可以正常工作。</li></ul><p><strong>从发展的角度:</strong></p><ul><li>从开发人员的角度来看,在文档中包含 <head> 标记是件好事,因为这种语法被广泛使用,并且它还为文档提供了良好的结构。稍后这将帮助我们以结构化的方式与 DOM 元素进行交互。</li></ul><p> <strong>HTML <body> 标签的意义:</strong> HTML body 标签是 <html> 标签的最后一个子标签。它用于包含 HTML 文档的主要内容。它包含从标题、段落到唯一<i>div</i>容器的所有内容,位于 <body> 标记内。</p><p><strong>从浏览器的角度来看:</strong></p><ul><li>在 HTML 5 中,在 HTML 文档中包含 <body> 标签不是强制性的,但在以前的版本(4.0.1)中,它是强制性的。</li><li>像 <div>、<p> 或 <a> 这样的标签通常包含在 body 内,没有 <body> 标签或在 <body> 标签外也可以正常工作。</li><li>尽管不是强制性的,<body> 标签有一些属性,如 'background'、'bgcolor'、'a'、'link' 等。</li></ul><p><strong>从开发的角度来看:</strong>从开发人员的角度来看,在文档中包含 <body> 标签是很好的。这种语法被广泛使用,它也为文档提供了良好的结构。稍后这将帮助我们以结构化的方式与 DOM 元素进行交互。</p><p><strong>示例 1:</strong>以下代码没有 <head> 和 <body> 标记。</p><div><h5 class="code">HTML</h5><div class="hcb_wrap"><pre class="prism undefined-numbers lang-html" data-lang="HTML"><code class="replace"><!DOCTYPE html> <html>     <p>         Significance of 'head' and 'body'          tag in HTML : Geeksforgeeks     </p>        <title>Tutorial



HTML


  

    Tutorial

  

    

        Significance of 'head' and 'body'         tag in HTML : Geeksforgeeks     

  


HTML


  

    Tutorial
    

  

    

        Significance of 'head' and 'body'          tag in HTML : Geeksforgeeks     

  


输出:

没有头部和身体标签

示例 2:以下代码将 和 标签添加到文档中。即使包含 和 标签,最后的输出也会相同,但它为代码提供了更好的结构和更好的理解视角。

HTML



  

    Tutorial

  

    

        Significance of 'head' and 'body'         tag in HTML : Geeksforgeeks     

  

输出:

使用 和 标签

我们可以清楚地看到输出没有改变。但是由于正确遵循了约定,因此代码对我们来说变得很容易理解。

示例 3:以下代码使用 标签的属性。在这个例子中,我们将使用 标签的 'bgcolor' 属性。它将改变整个文档的背景颜色。如果没有 标签,我们将失去更多像 等这样的属性。

HTML



  

    Tutorial
    

  

    

        Significance of 'head' and 'body'          tag in HTML : Geeksforgeeks     

  

输出: