W3C HTML 验证错误：“Stray end tag </head>”和“start tag <body> seen but an element of the same type was already open”[重复]答案

【问题标题】：W3C HTML validation errors: “Stray end tag </head>” and “Start tag <body> seen but an element of the same type was already open” [duplicate]W3C HTML 验证错误：“Stray end tag </head>”和“start tag <body> seen but an element of the same type was already open”[重复]
【发布时间】：2020-03-09 21:21:21
【问题描述】：

试图建立一个网站，当我通过 W3C 验证器对其进行验证时，它给出了 2 个错误：

错误：杂散的结束标记头。从第 22 行第 1 列开始；到第 22 行第 7 列。

错误：已看到开始标记主体，但已打开相同类型的元素。从第 24 行第 1 列开始；到第 24 行第 6 列

感谢帮助解决错误。

<!DOCTYPE html>
<html>

<head>

  <title>DOCUFY</title>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

  <div class="header">

    <img src="https://i.imgur.com/d56Pem6.png" alt="BackgroundImage">

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

  </div>

</head>

<body>

  <h1>Världens berättelser framför dig.</h1>

  <p>Se dokumentärer när du vill. Vart du vill. Hur du vill.</p>



  <p class="ex1"><a href="#" class="button1">Logga In</a></p>



  <div class="main" id="section1">
    <h2>Obegränsat</h2>

    <p> Titta via din TV, mobil eller surfplatta,vart och när det passar dig.
      <p>
        <p>Streama online eller ladda ner och se dokumentärerna offline utan internet.
          <p>


            <img src="https://i.imgur.com/svdm3Xo.jpg" alt="Image1" class="image1" style="width:850px">


  </div>

  <div class="main" id="section2">
    <h2>För hela familjen</h2>
    <p> Som medlem kan alla i din familj kan välja fritt inom sina egna intresseområden.
      <p>
        <p> Välj vad just ni känner för att se.
          <p>

            <img src="https://i.imgur.com/gbUVlrE.jpg" alt="Image1" class="image1" style="width:850px">



            <p><i class="material-icons">pets</i>
              <a href="https://www.wwf.se/"> Stöd Världsnaturfonden</a>
              <i class="material-icons">pets</i></p>


  </div>

  <div class="main" id="section3">
    <h2>Flera genrer</h2>
    <p> Historia, vetenskap, journalistik inifrån och många mera är tillgängliga.
      <p>
        <p> Docufy sänder de senaste <a href="https://twitter.com/search?q=history&src=typd">samtalsämnena</a> och <a href="https://www.sciencenews.org/">nyheterna</a> inom forskning.
          <p>

            <video width="420" height="340" autoplay muted controls loop>
  <source src="https://i.imgur.com/UgLQqHz.mp4" type="video/mp4">
</video>

            <video width="420" height="340" autoplay muted controls loop>
  <source src="https://i.imgur.com/wChCbcv.mp4" type="video/mp4">
</video>

            <video width="420" height="340" autoplay muted controls loop>
  <source src="https://i.imgur.com/TyOmu7i.mp4" type="video/mp4">
</video>

            <h2>Prova på gratis</h2>
            <p> Ta del av allt genom att skapa ett konto hos oss idag.
              <p>

                <a href="#" class="button2">Skapa Konto</a>

  </div>

  <footer>

    <p>
      <h3>Kontakta Oss</h3>
      <p>

        <p>
          <div class="FooterSubHeading">Docufy AB
            <p>
          </div>
          <p>
            <div class="FooterSubHeading">Dokumentärfilmsvägen 39</div>
            <p>
              <p>
                <div class="FooterSubHeading">007 11 Filmahult </div>
                <p>
                  <p>
                    <div class="FooterSubHeading">Tel: 007 - 11 11 11</div>
                    <p>
                      <p>
                        <div class="FooterSubHeading">Epost:office@docufy.com</div>
                        <p>
  </footer>

</body>

</html>

【问题讨论】：

您的页面标题实际上并没有进入您的html的head部分，欢迎使用SO

标签： html w3c-validation

【解决方案1】：

您的 HTML 页面部分应仅包含有关页面的元、链接、样式、脚本标签等信息，而不应包含 DIV 等表示元素。

尝试移动你的 DIV

<div class="header">

<img src="https://i.imgur.com/d56Pem6.png" alt="BackgroundImage">

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

</div>

在head元素之外，进入body元素。

您可以将<link rel="stylesheet" href="StyleSheet.css"> 留在头部。

【讨论】：

【解决方案2】：

从<head>中删除以下标签

<div class="header">

    <img src="https://i.imgur.com/d56Pem6.png" alt="BackgroundImage">

</div>

您不应在<head> 中使用<div> 和<img> 标签，因为它们无效，W3 验证器会抛出异常。

使用仅在<head> 标签中有效的标签。

【讨论】：