在一个在线教程中,我最近被告知要为导航元素创建一个名为“nav”的类。我是CSS的初学者,但仅仅是我,还是这种冗余/混乱/不好的做法?在HTML5 + CSS中,是否是<nav class =“nav”>冗余?
回答
这不是多余的。 DOM元素nav
与CSS类nav
不同。
如果你想要的风格深受阶级这个元素,你可以使用此样式声明(例如):
.nav { background-color : #F00; }
,如果它是由元素风格的类型将是:
nav { background-color : #F00; }
这可能看起来微不足道,但那段时间.
有所不同。这意味着您正在按类别而不是按元素名称识别项目。如果使用类的语法(与.
),那么你也可以这样写:
<div class="nav"></div>
这红色背景显示,如果你提供的类定义,但如果你的风格元素直接输入。
在简单的应用程序中,您可以直接使用样式元素类型(例如<nav>
)而不是类(例如class="nav"
),但是随着您获得更复杂的布局,您将要使用类。此外,如果您使用基于选择器的库(如jQuery)或document.querySelect()
,则可能有充分的理由指定一个类。
如果您确实知道所有页面中所有<nav>
元素的样式都是相同的,那么请尽量使用元素选择器,但为了保持灵活性,最好使用类。
非常详细的描述,谢谢。 – JBeck
NO它不是多余的。
是它是多余的如果您认为在您的特定情况下,你的罚款与nav{ /*blaah blaah*/ }
<nav>
是,向搜索引擎优化导航代表语义HTML5标记。一个navitagion是你想要的。因此,如果您有倍数nav
元素在我们的页面中,您可以使用nav
直接对目标样式标记元素我很高兴看到这一点。
这是正确的答案。最佳实践表明,你真的不应该风格的实际元素。你应该总是使用类。这允许未来的规模和更好的书面CSS。 –
关于SEO如何对待'
- 1. <nav><header> CSS
- 2. 在<aside></aside>标记中有<nav></nav>标记是否在语义上正确?
- 3. <nav>元素
- 4. Html5 <nav>标记使用
- 5. multiple <nav>标签
- 6. html5中<nav>和<menu>之间的区别是什么?
- 7. Bootstrap令我困惑:<nav>,.nav,.navbar-nav,.navbar
- 8. 消除<nav>和<hgroup>之间的空格? HTML5
- 9. 一个<nav>标签
- 10. 控制<nav>元素
- 11. 关于<nav>标记
- 12. HTML5 nav元素
- 13. <nav> vs <article>对于SEO
- 14. <header>元素比内容hidding <nav><ul>小...</ul></nav>
- 15. 问题样式HTML5语义元素,如<section>,<nav>和<article>
- 16. 如何在html或css中设置<nav>的高度
- 17. HTML/CSS <nav>元素显示填充顶
- 18. 给<nav>一个边框
- 19. 选择所有父母不是ul的锚点[class =“nav navbar-nav”] li
- 20. 是否是PDO :: PARAM_INT冗余?
- 21. Nav全是拥挤
- 22. 将HTML5 <nav>验证,如果菜单是由php导入include?
- 23. <nav>列表与图像
- 24. 这个类是什么意思<nav>
- 25. jquery.mobile-1.3.1.min.js破<nav> ID选择
- 26. 如何访问子元素<nav>
- 27. 如何检索下HTML5的所有项目<nav>标签
- 28. <nav>和<section>元素不露面
- 29. HTML5 NAV悬停异常
- 30. 在python中是否超级冗余?
是的,多余的。 –
在我看来,它不是多余的,但最终还是由编写代码的人来管理样式。我个人喜欢做一个类,并使用它,而不是 –
这一切都取决于你的HTML标记。如果由于某种原因,你有多个'