最近使用CSS作網站設計排版時,發現 [ CSS的命名 ] 也是重要的一環,因為雖然說CSS是方便管理的,但如果遇到了要修改同事們撰寫的CSS程式碼,通常還是得要仔細的研究一番,才能夠了解其架構,進而去作修改,所以參考了一些文章,讓一些基本的CSS命名有個標準,
如果同事們有需要去修改自已所寫的CSS或他們需要作參考時,也比較有個依據,不需要花太多的時間在理解命名上,而下面就是常用的CSS命名規則:
頂部:header
內容:content/container
尾部:footer
選單:nav/navigation
側欄:sidebar
欄目:column
頁面控制整體布局寬度:wrapper
主要區域(通常為頁面主要內容部份):primary
次要區域(通常為次選單):secondary
相信在撰寫CSS的同時,如果團隊們對于命名都有基本的默契,那么使用CSS來作排版,對于修改及維護都能更有效率!
早期的網站建設都是利用HTML在研究文件內,加入基本的格式和結構,來達成簡單的內部連結功能。但當網際網路更加普及后,人們開始用HTML語言來作視覺呈現的用途。除了單純的替文件加上標題元件之外,人們還需要加上各式各樣不同的字體或加粗文字,讓文件充滿更豐富的視覺變化,此時,表格已不再只是呈現資料,反而被當成是很重要的網站設計版面編排工具;引言方塊功能也被網站設計師拿來當作是增加空間的方法,再也不是原本當作引言的用途,如此網站的原始碼會很快的充斥著各種如外星文的符號和表格標簽,變得難以理解,也使得網站的容量大增。
就在這時,[ 串接樣式表(CSS,Cascading Style Sheets)出現了 ],有了CSS,我們可以從外部來控制頁面的外觀,同時將文件內容和呈現方式的設定給分隔開來,網站設計的編排可以不需動用到表格功能,改用CSS來控制,這么一來標記內容的工作就可以簡化許多,且對于開發人員而言,意思明確的網站比圖像式更容易處理;使用有意義的標簽亦可讓程式或其他設備辨識出來,例如,像搜尋引擎就可以辨別出頁面中以h1標記所框寫起來的標題,從而加重他的重要性;而那些依賴頁面閱讀輔助的使用者,也可以利用標題作為瀏覽頁面時的輔助,加強網站的實用性。
時代在進步,網站設計的技術也持續在跟進,一間好的網站設計公司除了提供一系列完善的服務之外,客戶交付的專案,應以最有效率的方式,良好的溝通,設計出最符合搜尋行銷,最能夠表現客戶公司以及產品的網站設計作品。