2015-05-30 78 views
3

在一個在線教程中,我最近被告知要爲導航元素創建一個名爲「nav」的類。我是CSS的初學者,但僅僅是我,還是這種冗餘/混亂/不好的做法?在HTML5 + CSS中,是否是<nav class =「nav」>冗餘?

+2

是的,多餘的。 –

+2

在我看來,它不是多餘的,但最終還是由編寫代碼的人來管理樣式。我個人喜歡做一個類,並使用它,而不是 –

+0

這一切都取決於你的HTML標記。如果由於某種原因,你有多個'

回答

1

這不是多餘的。 DOM元素nav與CSS類nav不同。

如果你想要的風格深受階級這個元素,你可以使用此樣式聲明(例如):

.nav { background-color : #F00; } 

,如果它是由元素風格的類型將是:

nav { background-color : #F00; } 

這可能看起來微不足道,但那段時間.有所不同。這意味着您正在按類別而不是按元素名稱識別項目。如果使用類的語法(與.),那麼你也可以這樣寫:

<div class="nav"></div> 

這紅色背景顯示,如果你提供的類定義,但如果你的風格元素直接輸入。

在簡單的應用程序中,您可以直接使用樣式元素類型(例如<nav>)而不是類(例如class="nav"),但是隨着您獲得更復雜的佈局,您將要使用類。此外,如果您使用基於選擇器的庫(如jQuery)或document.querySelect(),則可能有充分的理由指定一個類。

如果您確實知道所有頁面中所有<nav>元素的樣式都是相同的,那麼請儘量使用元素選擇器,但爲了保持靈活性,最好使用類。

+1

非常詳細的描述,謝謝。 – JBeck

3

NO它不是多餘的。

它是多餘的如果您認爲在您的特定情況下,你的罰款與nav{ /*blaah blaah*/ }

<nav>是,向搜索引擎優化導航代表語義HTML5標記。一個navitagion是你想要的。因此,如果您有倍數nav元素在我們的頁面中,您可以使用nav直接對目標樣式標記元素我很高興看到這一點。

+2

這是正確的答案。最佳實踐表明,你真的不應該風格的實際元素。你應該總是使用類。這允許未來的規模和更好的書面CSS。 –

+1

關於SEO如何對待'