网页的设计原则
导航清晰
重要程度：8 分
<h2>导航清晰</h2>
<p>导航清晰是指在网页中设置明确、易于理解的导航系统，帮助用户快速找到所需信息。</p>
<ul>
<li><strong>导航条设计：</strong> 通常放置在页面顶部或侧边，包含主要分类和子分类。</li>
<li><strong>面包屑导航：</strong> 显示当前页面的位置，帮助用户了解自己所处的位置。</li>
<li><strong>内部链接：</strong> 在页面内部合理分布链接，引导用户深入浏览。</li>
</ul>
<h3>例题说明</h3>
<p>假设有一个电子商务网站，导航应该设计如下：</p>
<pre>
<nav>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="products.html">产品</a>
<ul>
<li><a href="product-category1.html">类别1</a></li>
<li><a href="product-category2.html">类别2</a></li>
</ul>
</li>
<li><a href="about.html">关于我们</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</nav>
</pre>
<p>面包屑导航示例：</p>
<pre>
<div class="breadcrumb">
您的位置： <a href="index.html">首页</a> > <a href="products.html">产品</a> > 类别1
</div>
</pre>