2

http://websterglasssandiego.com/

https://github.com/GaretWebster/WebsterGlass/issues/1

我有一个导航窗格，我以前有一个 H2 标签，但我决定将其更改为 div 标签，因为我不想在 Home 和 About 之类的词上浪费 SEO 机会。我目前在同一个元素周围使用 2 个 div，NavDiv 标签创建背景图像，NavText div 包含以 CSS 为中心的导航文本。使用 span 或 nav 标签会更好吗？

我还应该将这些导航元素放在列表中吗？这样做的优点和缺点是什么？

对我的代码的任何批评都将不胜感激，因为这是我的第一个站点，我正在努力练习更好的编码。

4

3 回答 3

3

HTML5 有一个特定于导航的标签 ( nav)。你可以在这里阅读：http: //html5doctor.com/nav-element/

在此nav标签内，您的每个菜单项都有一个无序列表。

所以你的 HTML 将是：

<nav>
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">Portfolio</a></li>
      <li><a href="#">Contact</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Quote</a></li>
    </ul>
</nav>

理想情况下，这将是进行导航的最佳方式。

希望这可以帮助 ：）

于 2013-08-23T21:51:52.183 回答
0

<nav>

对于您的导航，请使用<nav>标签，因为它更具语义。

HTML 导航元素 ( <nav>) 表示链接到其他页面或页面内部分的页面部分：具有导航链接的部分。通过MDN

<nav>
  <ul>
    <li><a href='#'>Nav Item 1</a></li>
    <li><a href='#'>Nav Item 2</a></li>
    <li><a href='#'>Nav Item 3</a></li>
  </ul>
</nav>

<span>

HTML<span>元素是用于表达内容的通用内联容器，它本身并不代表任何东西。”来自MDN

<p>Here is an example of <span>inline-text</span> in a paragraph tag. It can be used in a block-level element without disrupting flow.</p>

<div>

HTML 元素（或 HTML 文档划分元素）是流内容的通用容器，它本身并不代表任何东西。通过MDN

<div>
  <h3>Title</h3>
  <p>Anything goes in here</p>
</div>

您可能还想研究允许增强的可访问性元数据的ARIA 角色。通过MDN

于 2013-08-23T22:01:14.700 回答
0

使用列表进行导航比带有锚标签的 div 更具语义。它还被证明更适合屏幕阅读器和其他用户理解您的内容。看这里

于 2013-08-23T21:51:11.540 回答