为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕尼黑5688855 2023-08-29 18:29:37
尝试构建一个网站,当我通过 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>
查看完整描述

2 回答

?
犯罪嫌疑人X

TA贡献2080条经验 获得超4个赞

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


查看完整回答
反对 回复 2023-08-29
?
慕尼黑的夜晚无繁华

TA贡献1864条经验 获得超6个赞

从中删除以下标签<head>


<div class="header">


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


</div>

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


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


查看完整回答
反对 回复 2023-08-29
  • 2 回答
  • 0 关注
  • 158 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信