HTML 5中的美容院网站
HTML 5中的美容院网站
提问于 2016-08-04 15:11:50
到目前为止第一次使用html 5。到目前为止，我是否正确地使用了标记？在语义上是对的？
<!doctype html>
<html lang="en">
<head>
<title>Salon Sociel | Hair-Nails-Unisex</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style/main.css">
</head>
<body>
<header>
<section class="logo">
<h1>Salon Sociel</h1>
<h3>Hair-Nails-Unisex</h3>
</section>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Friends</a></li>
</ul>
</nav>
</header>
<!-- introductory content -->
<section class="intro">
<article>
<header>
<h3>Welcome to Our Salon Sociel</h3>
</header>
<p>
</p>
</article>
<aside>
<img src="" alt="" width="" height="">
</aside>
</section>
<!-- featured content -->
<section class="featured">
<p>featured</p>
</section>
<!-- keratin complex -->
<section class="keratin">
<p>Keratin</p>
</section>
<footer>
<p>footer</p>
</footer>
</body>回答 3
Code Review用户
发布于 2016-08-05 12:41:15
meta-charset应先于title
理想情况下，meta-charset元素将是head (中有关订单的详细信息head)中的第一个元素。
所以可能是：
<head>
<meta charset="utf-8">
<title>Salon Sociel | Hair-Nails-Unisex</title>
<link rel="stylesheet" href="style/main.css">
</head>错误使用section和h3
你有：
<节class=“徽标”> Salon Sociel 发钉-Unisex
section在这里也不正确(它只包含标题，通过使用它，h1不再是body的标题)，对子标题(详细信息)使用标题元素也不正确。
因此，应该简单地说：
<h1>Salon Sociel</h1>
<p>Hair-Nails-Unisex</p>(如果使用hgroup而不是section，那么您的结构是正确的，但是这个元素已经从W3C的HTML中删除了。)
Code Review用户
发布于 2016-08-04 18:22:56
看起来不错。w3c验证器错误仅仅是因为您使用了虚拟图像标记。您应该为每个部分定义一个标题，但这只是一个“警告”，而不是错误。
Code Review用户
发布于 2016-08-04 15:57:05
w3c html验证器报告了这个HTML的几个问题。我建议从清理这些东西开始。
继续使用验证器进行重新验证，直到没有更多的验证为止，您的HTML将处于更好的状态。
页面原文内容由Code Review提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://codereview.stackexchange.com/questions/137836
复制相关文章
相似问题
腾讯云开发者
