CSS 檔案命名規則

2022-09-25 15:57:09 字數 1437 閱讀 9572

遇到乙個很實際的問題:由於不想增加目錄的深度,減少磁碟定址的時間,需要減少一些目錄層級。

大家都知道建立資料夾是為了讓檔案管理更加的方便,現在需要減少資料夾,如何保持檔案管理的方便就成為必需解決的。很容易我們想到通過命名來解決這個問題,那是不是隨便乙個命名都能起來方便管理的作用呢?樣式的命名規則是否適用?對於樣式的命名,在《 [更新] 樣式命名規則 》已經有討論,可是樣式的命名規則並不能被應用到檔案的命名中,畢竟使用的環境不太一樣,要解決的問題也不太一樣。樣式命名要解決的是名稱語義化,通過名稱能知道這個定義的作用範圍;而檔案的命名要解決的是更方便的找到對應的檔案,當然如果名稱有意義,也會有幫助,更重要是要解決同一資料夾下如何更快找到檔案。

怎樣才能更快找到需要的檔案呢?作業系統通過路徑能正確找到對應的檔案,因為在每一層目錄裡,所有的標記(目錄tvzrib名、檔名)都是唯一的。而我們找乙個檔案,一般會需要下面的資訊:

對於電腦來說,它並不需要目錄名或檔名多容易看懂,只要符合命名規則、同一層級下唯一就可以。但對於我們來說,更希望能通過命名知道更多的資訊,因此需要命名有一定的意義。回到一開始的問題,如果當前就在最後的一層目錄裡,面對那麼多的檔案,如何更方便找到需要的檔案?沒錯,通過排序可以將檔案進行分類,最常用的排序有三種:

為了更好的讓排序發揮作用,檔案的命名就需要有一些規則。檔名的組成大家應該清楚吧?一般格式為「名稱.副檔名」。副檔名也是檔名的一部分,但這部分比較固定,沒有什麼可發揮的。前面「名稱」的部分是我們討論的重點。發散下思維,我們可以想到新增一些相對固定的詞來起到分類的作用,我們稱之為「綴」,從tvzrib位置上可分為「字首」和「字尾」。

常用的綴:預設目錄名、檔案型別、網域名稱、日期、版本號

例如名稱為「demo」,加上字首或字尾的形式如下:

預設目錄名:css_demo |demo_css

檔案型別:png_demo | demo_png

網域名稱:blog_demo | demo_blog

日期:20090904_demo | demo_20090904

版本號:v1_demo | demo_v1

字首的作用:區分同一型別的檔名,由於作業系統的排序規則(同一型別的檔案以檔名排序),因此字首能很好的起到區分的作用。比較符合閱讀的習慣。缺點是如果使用鍵盤導航(直接使用鍵盤可以跳到對應字母的檔案位置),由於字首相同,會有一定的影響。

字尾的作用:字尾一般用於版本的控制,像存檔、多版本、備份等等。缺點是如果名稱過長,不太直觀。

我們來看看兩種方式的差別在哪:

上面幾個程式設計客棧圖是將新增了字首和字尾的檔案放到同一目錄下,分別使用三種排序的結果。由於模組化的製作方式,檔案一般會以模組為單位分布,使用字首的時候往往會因為檔案型別不一樣使同一模組的檔案被分散到不同的位置,而使用字尾反而可以很好的將同一模組的檔案歸到一起。從上面的圖可以看出這點。因此在這種情況下,使用字尾會更方便於檔案的查詢。

本文標題: css 檔案命名規則

本文位址: /web/css/28386.html

css命名規則

footer 內容區 end footer 3.id的命名 1 顏色 使用顏色的名稱或者16進製制 如 red f60 ff8600 2 字型大小,直接使用 font 字型大小 作為名稱,如 font12px font9pt 3 對齊樣式,使用對齊目標的英文名稱,如 left bottom 4 標題...

css命名規則

推薦使用bme命名規則 bem的意思就是塊 block 元素 element 修飾符 modifier 是由yandex團隊提出的一種前端命名方 命名約定的模式如下 block 塊 block element 元素 block modifier 修飾符 例項 我們能清晰地看到有個叫.site sea...

常用的CSS命名規則

然後在css中定義span為右浮動,實現了日期和標題分兩側顯示的效果 h1 h6 標題 h1 h6 根據重要性依次遞減 h1位最重要的標題 label 為了使你的表單更有親和力而且還能輔助表單排版的好東西,例如 密 碼fieldset legend fildset套在表單外,legend用於描述表單...