在一個在線教程中,我最近被告知要爲導航元素創建一個名爲「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標記。如果由於某種原因,你有多個'