對于CSS,為了避免樣式?jīng)_突,我們總會給其賦予相當特殊的命名,或是在選擇符上添加HTML標記,或是使用層級。
芒市網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)!從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項目制作,到程序開發(fā),運營維護。成都創(chuàng)新互聯(lián)成立于2013年到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗,來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。
我們通常會根據(jù)三類情況給定一個 class 名:
功能性 class 名
內(nèi)容性 class 名
展示性 class 名
這幾類 class 名是趨向于穩(wěn)定特質(zhì)的。如果我們遵循這些命名原則,就會顯得更明智,而且我們的 CSS 會更好的適應(yīng)未來的改變。
功能性 class 名通常是你的最佳選擇。當你能夠使用它們的時候就盡量使用。如果你無法提取出完全功能性的名字,可以考慮你的項目的本質(zhì)及其發(fā)展。原則上,內(nèi)容性 class 名更適合小型站點;而展示性 class 名更適合大型站點。
開發(fā)者會很在意這種用法。沒有人希望一個項目變得難以維護,但是每個人都有不同的 想法通過 class 名來應(yīng)對這些特殊情況。這時不妨思考一下我們使用的不同類型 class 名的本質(zhì),問問自己這樣做是否更好的幫助你的項目達成目標。
命名規(guī)則說明:
1)、所有的命名最好都小寫
2)、屬性的值一定要用雙引號("")括起來,且一定要有值如class="divcss5",id="divcss5"
3)、每個標簽都要有開始和結(jié)束,且要有正確的層次,排版有規(guī)律工整
4)、空元素要有結(jié)束的tag或于開始的tag后加上"/"
5)、表現(xiàn)與結(jié)構(gòu)完全分離,代碼中不涉及任何的表現(xiàn)元素,如style、font、bgColor、border等
6)、<h2>到<h6>的定義,應(yīng)遵循從大到小的原則,體現(xiàn)文檔的結(jié)構(gòu),并有利于搜索引擎的查詢。
7)、給每一個表格和表單加上一個唯一的、結(jié)構(gòu)標記id
8)、給圖片加上alt標簽
9)、盡量使用英文命名原則
10)、盡量不縮寫,除非一看就明白的單詞
相對網(wǎng)頁外層重要部分CSS樣式命名:
外套 wrap ------------------用于最外層
頭部 header ----------------用于頭部
主要內(nèi)容 main ------------用于主體內(nèi)容(中部)
左側(cè) main-left -------------左側(cè)布局
右側(cè) main-right -----------右側(cè)布局
導航條 nav -----------------網(wǎng)頁菜單導航條
內(nèi)容 content ---------------用于網(wǎng)頁中部主體
底部 footer -----------------用于底部
本文標題:CSS和HTML的高效命名
本文URL:http://chinadenli.net/article20/gpcsjo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、商城網(wǎng)站、自適應(yīng)網(wǎng)站、App設(shè)計、做網(wǎng)站、靜態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)