<分区>
<强>1。版本(<nav-ul-li>):
HTML:
<nav>
<ul>
<li>1.1 Menu</li>
<li>1.2 Menu</li>
<li>1.3 Menu</li>
<li>1.4 Menu</li>
</ul>
</nav>
CSS:
ul {
padding: 0;
}
li {
display: inline;
width: 24%;
float: left;
border-style: solid;
border-width: 1px;
background-color: red;
}
<强>2。版本(<div>):
HTML:
<div class="navigation">
<div class="menu">1.1 Menu</div>
<div class="menu">1.2 Menu</div>
<div class="menu">1.3 Menu</div>
<div class="menu">1.4 Menu</div>
</div>
CSS:
.navigation {
width: 100%;
float: left;
margin-top: 5%;
border-style: solid;
border-width: 1px;
background-color: green;
}
.menu {
float: left;
width: 24%;
border-style: solid;
border-width: 1px;
background-color: green;
}
我有一个关于网站导航的一般性问题。我以两种不同的方式为网站创建了相同 导航。在 1.版本 我用的是HTML标签<nav-ul-li>在 2 中。版本 我只用了HTML标签<div> .使用两个版本，我得到了一个有效的导航。
因为我是网络开发的新手，所以我真的不明白为什么我应该用 <nav-ul-li> 对导航进行编码。标签，因为它们的标准属性似乎更难处理。因此，我更愿意选择 <div>解决方案。
<div>解决方案是否会导致网站出现任何问题？
或者什么可能是使用 <nav-ul-li> 的原因？解决方案？
(到目前为止我唯一能想到的是它可能会导致 Google 排名较低，因为 Google 只能根据 <nav-ul-li> 标签检查网站是否具有正确的导航)
您也可以在这里找到我的代码:https://jsfiddle.net/uss8uxur/14/