复制站点检查
复制站点检查
提问于 2013-08-30 12:03:07
对于一个项目，我需要复制一个网站，我想知道你们中是否有人能快速查看一下我是否犯了明显的错误。现在它只是HTML部分，但是在我继续使用CSS之前，我想确保HTML部分中的所有内容都是正确的。图片添加在下面。提前感谢！
<!DOCTYPE html>
<html lang="nl">
<head>
<title> IKEA </title>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/style.css" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<header>
<h1>Ikea</h1>
<p>Welkom bij IKEA België! <a href="#">Log in</a> of <a href="#">maak een profiel aan</a></p>
<p><a href="#"><img src="images/page1/small_anna.gif" alt="Vraag het aan Anna" /></a></p>
<p>Vraag het aan Anna</p>
<ul>
<li><a href="#">NL</a></li>
<li><a href="#">FR</a></li>
</ul>
<ul>
<li><a href="#">Winkel informatie</a></li>
<li><a href="#">IKEA FAMILY</a></li>
<li><a href="#">Mijn boodschappenlijst</a></li>
</ul>
<ul>
<li><a href="#">Startpagina</a></li>
<li><a href="#">Mijn profiel</a></li>
<li><a href="#">Jobs@IKEA</a></li>
</ul>
<nav>
<ul>
<li><a href="#">Alle producten</a></li>
<li><a href="#">Nieuw</a></li>
<li><a href="#">Promoties</a></li>
<li><a href="#">Inspiratie</a></li>
<li><a href="#">Plannen</a></li>
<li><a href="#">Praktische info</a></li>
<li><a href="#">3D Keukenplanner</a></li>
<li><a href="#">Alle afdelingen</a></li>
</ul>
</nav>
</header>
<div id="content">
<div id="reclameImg">
<a href="#"><img src="images/page1/__ikea_besta_hp_900x518_nl.jpg" alt="BESTÅ opbergsysteem"></a>
</div>
<aside>
<h1>Handige links</h1>
<div id="linksAside">
<ul>
<li><a href="#">Bereid je aankoop voor</a></li>
<li><a href="#">Openingstijden</a></li>
<li><a href="#">Voorraadinformatie</a></li>
<li><a href="#">Dienst na verkoop</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contacteer ons</a></li>
<li><a href="#">IKEA restaurant</a></li>
<li><a href="#">Jobs bij ikea</a></li>
</ul>
</div>
<div id="inDeBuurt">
<h1>IKEA bij jou in de buurt</h1>
<p>Kies hieronder een vestiging voor routebeschrijvingen, openingstijden, aanbiedingen en activiteiten.</p>
</div>
</aside>
<div id="midden">
<div id="boodschappenlijst">
<p>Wil je makkelijker winkelen? <a href="#">Maak dan gebruik van de boodschappenlijst</a></p>
<p>Volg ons op: <a href="#"><img src="images/page1/fb.jpg"></a></p>
</div>
<div id="reclameMidden">
<section id="reclame1">
<a href="#"><img src="images/page1/fr1.jpg"></a>
<a href="#"><img src="images/page1/w11-13_nl_172x255.jpg"></a>
</section>
<section id="reclame2">
<a href="#"><img src="images/page1/fr2.jpg"></a>
<a href="#"><img src="images/page1/w11-13_nl_172x255.jpg"></a>
</section>
</div>
</div>
</div>
<footer>
<div id="footerLinks">
<h2>Catalogus en brochures 2012</h2>
<ul>
<li><a href="#">Catalogus 2012 bestellen</a></li>
<li><a href="#">Keukenbrochure bestellen</a></li>
<li><a href="#">Catalogus 2012 online</a></li>
<li><a href="#">Keukenbrochure online</a></li>
<li><a href="#">Matrassenbrochure</a></li>
<li><a href="#">Garderobekastenbrochure</a></li>
<li><a href="#">BESTÅ brochure</a></li>
</ul>
<h2>Informatie over IKEA</h2>
<ul>
<li><a href="#">Het IKEA woonwarenhuis</a></li>
<li><a href="#">IKEA voor kinderen</a></li>
<li><a href="#">Onze verantwoordelijkheid</a></li>
<li><a href="#">IKEA Social Initiative</a></li>
<li><a href="#">Ons bedrijfsconcept</a></li>
<li><a href="#">Onze geschiedenis</a></li>
</ul>
<h2>Praktische info</h2>
<ul>
<li><a href="#">Contacteer ons</a></li>
<li><a href="#">Hulp bij het plannen</a></li>
<li><a href="#">IKEA cadeaupas</a></li>
<li><a href="#">Dienst naverkoop</a></li>
<li><a href="#">Onze garanties</a></li>
</ul>
<h2>IKEA Home Planner</h2>
<h2>Onze Services</h2>
<ul>
<li><a href="#">Leveringsservice</a></li>
<li><a href="#">Installatieservice voor keukens</a></li>
<li><a href="#">Montageservice</a></li>
<li><a href="#">Financieringsservice</a></li>
<li><a href="#">Recyclingservice matrassen</a></li>
</ul>
<h2>Jobs bij IKEA</h2>
<ul>
<li><a href="#">Beschikbare jobs</a></li>
</ul>
<h2>IKEA en het milieu</h2>
<ul>
<li><a href="#">Mens en milieu</a></li>
<li><a href="#">Het verhaal zonder einde</a></li>
<li><a href="#">Klimaatverandering</a></li>
<li><a href="#">Producten en materialen</a></li>
<li><a href="#">Onze gedragscode</a></li>
<li><a href="#">Voedselveiligheid</a></li>
<li><a href="#">Katoen</a></li>
<li><a href="#">Partnerships</a></li>
</ul>
</div>
<div id="footerCopyright">
<p>© Inter IKEA Systems B.V. 1999-2012 | <a href="#">Privacy</a> | <a href="#">Alg. voorwaarden</a> | <a href="#">Sitemap</a> | <a href="#">IKEA FAMILY lid worden</a></p>
</div>
</footer>
</div>回答 1
Code Review用户
发布于 2013-08-30 22:59:39
在这种情况下并不重要，但总的来说这是一个很好的实践：meta-charset应该是head中的第一个元素。
您不应该复制alt属性中的信息"Vraag“。但是无论如何，在我看来，这张图片看起来不像内容，它可能是更多的装饰。导航提示。如果这是真的(检查一下，您可以问自己:如果没有这个图像，页面会传达相同的意思吗？)，您可以使用CSS来包含这个图像。
"Vraag het aan Anna“可能是链接的一部分。
您可以使用abbr元素来表示"NL“和"FR”。
语言切换链接使用rel-alternate + hreflang。
在aside中，我会显式地使用section元素。
<img src="images/page1/fb.jpg">缺少一个alt属性。它应该描述链接的目标(即( "Facebook")，而不是图形本身。
.reclameMidden中的图像缺少alt属性。
使用small的“国际宜家系统B.V. 1999-2012年”。你也可以在"1999-2012“中使用time，
页面原文内容由Code Review提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://codereview.stackexchange.com/questions/30510
复制相关文章
相似问题
腾讯云开发者
