全國服務熱線:400-6566-535 廣州熱線:020-82105691 客服QQ:858560031
后臺演示 模板匯 豬八戒 阿里巴巴商鋪 手機版
網絡營銷電子商務建站知識編程知識行業資訊SEO知識常見問題網絡安全
您當前位置: 首頁 >資訊活動 > SEO知識 > DIV+CSS規范命名集合.

DIV+CSS規范命名集合.

時間:2016-05-01 作者:七想網絡

 

我們開發CSS+DIV網頁(Xhtml)時候,比較困惑和糾結的事就是CSS命名,特別是新手不知道什么地方該如何命名,怎樣命名才是好的方法。

命名規則說明:

1)、所有的命名最好都小寫

2)、屬性的值一定要用雙引號(“”)括起來,且一定要有值如class=”divcss5″,id=”divcss5″

3)、每個標簽都要有開始和結束,且要有正確的層次,排版有規律工整

4)、空元素要有結束的tag或于開始的tag后加上”/”

5)、表現與結構完全分離,代碼中不涉及任何的表現元素,如style、font、bgColor、border等

6)、定義,應遵循從大到小的原則,體現文檔的結構,并有利于搜索引擎的查詢。

7)、給每一個表格和表單加上一個唯一的、結構標記id

8)、給圖片加上alt標簽

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

10)、盡量不縮寫,除非一看就明白的單詞

相對網頁外層重要部分CSS樣式命名:

外套wrap——————用于最外層頭部header—————-用于頭部主要內容main————用于主體內容(中部)左側main-left ————-左側布局右側main-right———–右側布局導航條nav—————–網頁菜單導航條內容content—————用于網頁中部主體底部 footer—————–用于底部

DIV+CSS命名參考表:

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

CSS樣式命名

說明

網頁公共命名
#wrapper頁面外圍控制整體布局寬度
#container或#content容器,用于最外層
#layout布局
#head,#header頁頭部分
#foot,#footer頁腳部分
#nav主導航
#subnav二級導航
#menu菜單
#submenu子菜單
#sideBar側欄
#sidebar_a,#sidebar_b左邊欄或右邊欄
#main頁面主體
#tag標簽
#msg#message提示信息
#tips小技巧
#vote投票
#friendlink友情連接
#title標題
#summary摘要
#loginbar登錄條
#searchInput搜索輸入框
#hot熱門熱點
#search搜索
#search_output搜索輸出和搜索結果相似
#searchBar搜索條
#search_results搜索結果
#copyright版權信息
#branding商標
#logo網站LOGO標志
#siteinfo網站信息
#siteinfoLegal法律聲明
#siteinfoCredits信譽
#joinus加入我們
#partner合作伙伴
#service服務
#regsiter注冊
arr/arrow箭頭
#guild指南
#sitemap網站地圖
#list列表
#homepage首頁
#subpage二級頁面子頁面
#tool,#toolbar工具條
#drop下拉
#dorpmenu下拉菜單
#status狀態
#scroll滾動
.tab標簽頁
.left.right.center居左、中、右
.news新聞
.download下載
.banner廣告條(頂部廣告條)
電子貿易相關
.products產品
.products_prices產品價格
.products_description產品描述
.products_review產品評論
.editor_review編輯評論
.news_release最新產品
.publisher生產商
.screenshot縮略圖
.faqs常見問題
.keyword關鍵詞
.blog博客
.forum論壇

 

CSS文件命名

說明

master.css,style.css主要的
module.css模塊
base.css基本共用
layout.css布局,版面
themes.css主題
columns.css專欄
font.css文字、字體
forms.css表單
mend.css補丁
print.css打印


 

準備開展業務? 立即創建網站 成為代理商
最新案例
最新簽約
  1. 廣州耀中生物科技發展有限公司
  2.  廣州思盈電子科技有限公司
  3. 深圳普睿科技有限公司 
  4. 黛麗香莎品牌官網
  5. 佛山市多典服飾有限公司
  6. 香港Hb男士內衣官方
網絡營銷
  1. 企業網站如何做好網站優化與推廣工作?
  2. 中小企業怎樣做網絡營銷 廣州七想網絡...
  3. 網絡營銷并不神秘,七想網絡帶您揭開秘...
  4. 透過優衣庫事件 看網絡營銷?
  5. QQ營銷推廣技巧?
  6. 中小企業網站如何推廣才有效果呢?
36选7怎么看有没有中奖 彩票讨论软件 什么选股软件好用 上海11选5每期推荐 排五和和值尾走势南方 重庆快乐10分平台 宁夏11选五跨度走势图 群英会今日开奖号查询 20019快乐双彩开奖结果 广东好彩1预测分析 福彩双色球开奖号码 好运彩3技巧 幸运快三手机计划免费下载 欢享斗地主挂怎么安装 新三板股票 湖北快三 博彩e族论坛