W3C HTML验证错误:看到“流浪结束标签”和“开始标签 ,但是已经打开了相同类型的元素” [重复]

问题描述 投票:0回答:2

[试图建立一个网站,当我通过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:[email protected]</div>
                        <p>
  </footer>

</body>

</html>
html w3c-validation
2个回答
1
投票

HTML页面的该部分仅应通过meta,链接,样式,脚本标签等包含有关页面的信息,而不能包含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">留在头部内。


0
投票

<head>中删除以下标签

<div class="header">

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

</div>

您不应该在<div>中使用<img><head>标签,因为它们无效,并且W3验证程序将抛出。

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

© www.soinside.com 2019 - 2024. All rights reserved.