W3C HTML 验证错误:“杂散结束标记 </head>”和“看到开始标记 <body>

尝试构建一个网站,当我通过 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>


慕尼黑5688855
浏览 174回答 2
2回答

犯罪嫌疑人X

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">在头部里面。

慕尼黑的夜晚无繁华

从中删除以下标签<head><div class="header">&nbsp; &nbsp; <img src="https://i.imgur.com/d56Pem6.png" alt="BackgroundImage"></div>您不应该在 中使用<div>和<img>标签,<head>因为它们无效,W3 验证器将抛出异常。使用仅在标签中有效的标签<head>。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5