2009-01-09 49 views

回答

11

儘管我不認爲命名HTML元素有一個單一的公認命名約定,但您可能會發現以下文章很有用。從第二頁開始的內容可能是最有幫助的。祝你好運!

The Meaning of Semantics Take II: Naming Conventions for Class and ID in CSS

下面是總結一下筆者試圖獲得在幾個好幾段:

設計師可以將其命名列 師#leftnav。乍一看 這是合乎邏輯的,並且在 較小的站點的上下文中,由一個或幾個人維護的 命名實際上不存在這種類型的許多問題。

然而,考慮一個網站 AOL或雅虎的規模,其上大球隊的 設計師和開發人員管理 數百萬頁的每一天。並且讓我們 說一個設計決定從高的 上企業階梯是由 移動導航從 它的前家在 左邊的屏幕。 CSS 的一部分功能是在最佳情況下,切換導航的所有 需要進入CSS並通過重新定位將其交換爲 列或將 浮動到右邊而不是左邊。 保存該文件,然後更新數百萬個 文檔以反映 更改。

但是,現在,數百萬個文檔也有 的ID爲#leftnav 的分區描述了出現在 右邊的列!如果沒有進行大規模的 搜索並替換以更改(X)HTML中的ID 名稱,則對於查看 源的任何人或(更重要的是)進入 以在該網站上工作的任何人現在都非常困惑文檔 。

這就是爲什麼避免演示和 選擇更相關描述 爲#nav或#subnav簡單將 在那種環境 更有用。因此,即使它看起來似乎 有點nitpicky,對於非常大的網站 我們想嘗試和維護CSS的電源 和我們的 文件的純度。智能班和ID名稱 是該目標的主要部分。

+0

+1僅用於提及命名爲 – annakata 2009-01-09 15:21:08

0

如果有的話,世界將會變得更美好,獨角獸不會滅絕,等等。這就像決定縮進或支撐風格一樣。

只是儘量保持它的一致性和理智。通過理智,我並不是說'用4個空格縮進,並用camelCase命名',只是你始終遵循一種風格。 underscore_names?給你更多的權力。標籤來拯救?大。我只是不想打開新的項目,並且需要5分鐘的時間,因爲縮進是完全隱藏的,並且div內的內容是它左側的三個選項卡。

幸運的是,一個好的編輯器有幫助。

0

WordPress的有一個here,這是我會遵循。