css - 我应该使用Div，Span，Nav还是header标记

Closed. This question needs to be more focused。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？更新问题，使其仅通过editing this post专注于一个问题。
                        
                        6年前关闭。
                                                                                            
                
        
http://websterglasssandiego.com/

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

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

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

因为我是第一个站点，所以对我的代码的任何批评都将不胜感激，并且我正在尝试练习更好的编码。

最佳答案

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>

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

希望这可以帮助 ：）