我无法纠正的 w3validator 错误
w3validator error which I cannot correct
我几乎完成了一个我一直在做的项目,我使用 w3validator 来检查错误和
页脚中恰好有一些我似乎无法解决的问题。
我添加了我的 jsfiddle (https://jsfiddle.net/webi108/zuet60sv/)
- 错误:已看到开始标记,但已打开相同类型的元素。
来自第 307 行,第 45 列;到第 307 行,第 48 列
奖状↩
- 错误:在非空 HTML 元素上使用了自闭合语法 (/>)。忽略斜杠并将其视为开始标记。
来自第 307 行,第 45 列;到第 307 行,第 48 列
奖状↩
<footer class="container footer">
<div class="row">
<!--section 1 links-->
<div class="col-sm-3">
<div id="cat-1">
<h6>About</h6>
<ul>
<li><a href="#">About Company<a/></li>
<li><a href="#">Help <a/></li>
<li><a href="#">Returns<a/></li>
<li><a href="#">Sizes<a/></li>
</ul>
</div>
</div>
<div class="col-sm-3">
<!--section 2 lniks-->
<h6>Useful Links</h6>
<div id="cat-2">
<ul>
<li><a href="#">Testimonials<a/></li>
<li><a href="#">Store Location<a/></li>
<li><a href="#">Site Map<a/></li>
</ul>
</div>
</div>
<div class="col-sm-3">
<!--section 3 links-->
<h6>Documentation</h6>
<div id="cat-3">
<ul>
<li><a href="#"><li>RISQS Certificate</li><a/>
<li><a href="#"><li>Insurance</li><a/>
<li><a href="#">Library<a/></li>
</ul>
</div>
</div>
<!--section 4 links and logs-->
<div class="col-sm-3">
</div>
</footer>
您还没有关闭所有链接。 <a href=""></a>
应该是正确的使用方法。
此外,您在第三个列表的列表项中打开了一些列表项,但没有关闭它们。
最后但同样重要的是你没有关闭 <div class="row">
下面的代码现在应该可以工作了。
<footer class="container footer">
<div class="row">
<!--section 1 links-->
<div class="col-sm-3">
<h6>About</h6>
<div id="cat-1">
<ul>
<li><a href="#">About Company</a></li>
<li><a href="#">Help </a></li>
<li><a href="#">Returns</a></li>
<li><a href="#">Sizes</a></li>
</ul>
</div>
</div>
<!--section 2 lniks-->
<div class="col-sm-3">
<h6>Useful Links</h6>
<div id="cat-2">
<ul>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Store Location</a></li>
<li><a href="#">Site Map</a></li>
</ul>
</div>
</div>
<!--section 3 links-->
<div class="col-sm-3">
<h6>Documentation</h6>
<div id="cat-3">
<ul>
<li><a href="#">RISQS Certificate</a></li>
<li><a href="#">Insurance</a></li>
<li><a href="#">Library</a></li>
</ul>
</div>
</div>
<!--section 4 links and logs-->
<div class="col-sm-3">
</div>
</div>
</footer>
我几乎完成了一个我一直在做的项目,我使用 w3validator 来检查错误和 页脚中恰好有一些我似乎无法解决的问题。
我添加了我的 jsfiddle (https://jsfiddle.net/webi108/zuet60sv/)
- 错误:已看到开始标记,但已打开相同类型的元素。
来自第 307 行,第 45 列;到第 307 行,第 48 列
奖状↩
- 错误:在非空 HTML 元素上使用了自闭合语法 (/>)。忽略斜杠并将其视为开始标记。
来自第 307 行,第 45 列;到第 307 行,第 48 列
奖状↩
<footer class="container footer">
<div class="row">
<!--section 1 links-->
<div class="col-sm-3">
<div id="cat-1">
<h6>About</h6>
<ul>
<li><a href="#">About Company<a/></li>
<li><a href="#">Help <a/></li>
<li><a href="#">Returns<a/></li>
<li><a href="#">Sizes<a/></li>
</ul>
</div>
</div>
<div class="col-sm-3">
<!--section 2 lniks-->
<h6>Useful Links</h6>
<div id="cat-2">
<ul>
<li><a href="#">Testimonials<a/></li>
<li><a href="#">Store Location<a/></li>
<li><a href="#">Site Map<a/></li>
</ul>
</div>
</div>
<div class="col-sm-3">
<!--section 3 links-->
<h6>Documentation</h6>
<div id="cat-3">
<ul>
<li><a href="#"><li>RISQS Certificate</li><a/>
<li><a href="#"><li>Insurance</li><a/>
<li><a href="#">Library<a/></li>
</ul>
</div>
</div>
<!--section 4 links and logs-->
<div class="col-sm-3">
</div>
</footer>
您还没有关闭所有链接。 <a href=""></a>
应该是正确的使用方法。
此外,您在第三个列表的列表项中打开了一些列表项,但没有关闭它们。
最后但同样重要的是你没有关闭 <div class="row">
下面的代码现在应该可以工作了。
<footer class="container footer">
<div class="row">
<!--section 1 links-->
<div class="col-sm-3">
<h6>About</h6>
<div id="cat-1">
<ul>
<li><a href="#">About Company</a></li>
<li><a href="#">Help </a></li>
<li><a href="#">Returns</a></li>
<li><a href="#">Sizes</a></li>
</ul>
</div>
</div>
<!--section 2 lniks-->
<div class="col-sm-3">
<h6>Useful Links</h6>
<div id="cat-2">
<ul>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Store Location</a></li>
<li><a href="#">Site Map</a></li>
</ul>
</div>
</div>
<!--section 3 links-->
<div class="col-sm-3">
<h6>Documentation</h6>
<div id="cat-3">
<ul>
<li><a href="#">RISQS Certificate</a></li>
<li><a href="#">Insurance</a></li>
<li><a href="#">Library</a></li>
</ul>
</div>
</div>
<!--section 4 links and logs-->
<div class="col-sm-3">
</div>
</div>
</footer>