【发布时间】：2018-03-01 20:09:00
【问题描述】：
我刚刚将我的 HTML 通过 W3C 验证并返回以下错误：
ERROR: CSS: text parse error - 它是关于侧边栏容器 DIV。
我做错了什么？我有几个与同一个侧边栏容器 div 相关的错误。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Prisma Kitchens</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="desctiption" content="Kitchen designers in Manchester.">
<meta name="author" content="Prisma Kitchens">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link rel="stylesheet" href="css.css" style="text/css">
<link rel="stylesheet" href="responsive.css" media="screen and (max-width:970px)" style="text/css>
</head>
<body>
<div class="sidebar-container">
<div class="sidebar">
<div class="logo">
<!--Logo is here-->
</div>
<div class="links">
<ul>
<li><a href="index.html">home</a></li>
<li><a href="about.html">about</a></li>
<li><a href="services.html">services</a></li>
<li><a href="gallery.html">gallery</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
</div>
</div>
<div class="right-container">
<div class="head_image_mobile"></div>
<div class="heading_image">
<!--Holds the image at top of page-->
</div>
<div class="content">
<div class="subheading">Why Choose Prisma Kitchens?</div>
<a class="button" href="about.html">Learn More...</a>
<div class="content_gap"></div>
<div class="subheading">What Can We Offer?</div>
<a class="button" href="services.html">Our Services...</a>
<div class="content_gap"></div>
</div>
</body>
</html>
【问题讨论】：
-
您是否通过CSS validator 运行您的HTML？可能错误是指缺少结束标记
</div>和</body>？ -
验证器需要完整的 HTML 文档。
<!doctype>、<html></html>、<head></head>和<body></body>。 w3schools.com/html/html_intro.asp -
请提供您正在使用的验证器的链接。
-
我通过 HTML 验证器运行它，我只是将整个代码直接输入，它仍然给我错误。 validator.w3.org
-
请提供完整代码。
标签： html css w3c-validation