溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

DIV+CSS命名規(guī)范有哪些

發(fā)布時(shí)間：2021-08-03 11:07:57 來(lái)源：億速云 閱讀：101 作者：Leah 欄目：web開(kāi)發(fā)

本篇文章為大家展示了DIV+CSS命名規(guī)范有哪些，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

　　命名規(guī)則說(shuō)明：

　　1）、所有的命名最好都小寫(xiě)

　　2）、屬性的值一定要用雙引號(hào)("")括起來(lái)，且一定要有值如class="divcss5",id="divcss5"

　　3）、每個(gè)標(biāo)簽都要有開(kāi)始和結(jié)束，且要有正確的層次，排版有規(guī)律工整

　　4）、空元素要有結(jié)束的tag或于開(kāi)始的tag后加上"/"

　　5）、表現(xiàn)與結(jié)構(gòu)完全分離，代碼中不涉及任何的表現(xiàn)元素，如style、font、bgColor、border等

　　6）、定義，應(yīng)遵循從大到小的原則，體現(xiàn)文檔的結(jié)構(gòu)，并有利于搜索引擎的查詢(xún)。

　　7）、給每一個(gè)表格和表單加上一個(gè)唯一的、結(jié)構(gòu)標(biāo)記id

　　8）、給圖片加上alt標(biāo)簽

　　9）、盡量使用英文命名原則

　　10）、盡量不縮寫(xiě)，除非一看就明白的單詞

　　相對(duì)網(wǎng)頁(yè)外層重要部分CSS樣式命名：

　　外套wrap------------------用于最外層頭部header----------------用于頭部主要內(nèi)容main------------用于主體內(nèi)容（中部）左側(cè)main-left-------------左側(cè)布局右側(cè)main-right-----------右側(cè)布局導(dǎo)航條nav-----------------網(wǎng)頁(yè)菜單導(dǎo)航條內(nèi)容content---------------用于網(wǎng)頁(yè)中部主體底部footer-----------------用于底部

　　DIV+CSS命名參考表：

　　以下為CSS樣式命名與CSS文件命名參考表，DIV CSS命名集合：

CSS樣式命名

說(shuō)明

網(wǎng)頁(yè)公共命名

#wrapper

頁(yè)面外圍控制整體布局寬度

#container或#content

容器,用于最外層

#layout

布局

#head,#header

頁(yè)頭部分

#foot,#footer

頁(yè)腳部分

#nav

主導(dǎo)航

#subnav

二級(jí)導(dǎo)航

#menu

菜單

#submenu

子菜單

#sideBar

側(cè)欄

#sidebar_a,#sidebar_b

左邊欄或右邊欄

#main

頁(yè)面主體

#tag

標(biāo)簽

#msg#message

提示信息

#tips

小技巧

#vote

投票

#friendlink

友情連接

#title

標(biāo)題

#summary

摘要

#loginbar

登錄條

#searchInput

搜索輸入框

#hot

熱門(mén)熱點(diǎn)

#search

搜索

#search_output

搜索輸出和搜索結(jié)果相似

#searchBar

搜索條

#search_results

搜索結(jié)果

#copyright

版權(quán)信息

#branding

商標(biāo)

#logo

網(wǎng)站LOGO標(biāo)志

#siteinfo

網(wǎng)站信息

#siteinfoLegal

法律聲明

#siteinfoCredits

信譽(yù)

#joinus

加入我們

#partner

合作伙伴

#service

服務(wù)

#regsiter

注冊(cè)

arr/arrow

箭頭

#guild

指南

#sitemap

網(wǎng)站地圖

#list

列表

#homepage

首頁(yè)

#subpage

二級(jí)頁(yè)面子頁(yè)面

#tool,#toolbar

工具條

#drop

下拉

#dorpmenu

下拉菜單

#status

狀態(tài)

#scroll

滾動(dòng)

.tab

標(biāo)簽頁(yè)

.left.right.center

居左、中、右

.news

新聞

.download

下載

.banner

廣告條(頂部廣告條)

電子貿(mào)易相關(guān)

.products

產(chǎn)品

.products_prices

產(chǎn)品價(jià)格

.products_description

產(chǎn)品描述

.products_review

產(chǎn)品評(píng)論

.editor_review

編輯評(píng)論

.news_release

最新產(chǎn)品

.publisher

生產(chǎn)商

.screenshot

縮略圖

.faqs

常見(jiàn)問(wèn)題

.keyword

關(guān)鍵詞

.blog

博客

.forum

論壇

CSS文件命名

說(shuō)明

master.css,style.css

主要的

module.css

模塊

base.css

基本共用

layout.css

布局，版面

themes.css

主題

columns.css

專(zhuān)欄

font.css

文字、字體

forms.css

表單

mend.css

補(bǔ)丁

print.css

打印

上述內(nèi)容就是DIV+CSS命名規(guī)范有哪些，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手