68.????XHTML文件中id的命名

(1)頁面結構

容器: container

頁頭：header

內容：content/container

頁面主體：main

頁尾：footer

導航：nav

側欄：sidebar

欄目：column

頁面外圍控制整體布局寬度：wrapper

左右中：left right center

(2)導航

導航：nav

主導航：mainbav

子導航：subnav

頂導航：topnav

邊導航：sidebar

左導航：leftsidebar

右導航：rightsidebar

菜單：menu

子菜單：submenu

標題: title

摘要: summary

(3)功能

標志：logo

廣告：banner

登陸：login

登錄條：loginbar

注冊：regsiter

搜索：search

功能區：shop

標題：title

加入：joinus

狀態：status

按鈕：btn

滾動：scroll

標簽頁：tab

文章列表：list

提示信息：msg

當前的: current

小技巧：tips

圖標: icon

注釋：note

指南：guild

服務：service

熱點：hot

新聞：news

下載：download

投票：vote

合作伙伴：partner

友情鏈接：link

版權：copyright

======

69.????CSS+DIV的命名規則：

登錄條:loginBar

標志:logo

側欄:sideBar

廣告:banner

導航:nav

子導航:subNav

菜單:menu

子菜單:subMenu

搜索:search

滾動:scroll

頁面主體:main

內容:content

標簽頁:tab

文章列表:list

提示信息:msg

小技巧:tips

欄目標題:title

友情鏈接:friendLink

頁腳:footer

加入:joinus

指南:guild

服務:service

熱點:hot

新聞:news

下載:download

注冊:regsiter

狀態:status

按鈕:btn

投票:vote

合作伙伴:partner

版權:copyRight

1.CSSID的命名

外套:wrap

主導航:mainNav

子導航:subnav

頁腳:footer

整個頁面:content

頁眉:header

頁腳:footer

商標:label

標題:title

主導航:mainNav(globalNav)

頂導航:topnav

邊導航:sidebar

左導航:leftsideBar

右導航:rightsideBar

旗志:logo

標語:banner

菜單內容1:menu1Content

菜單容量:menuContainer

子菜單:submenu

邊導航圖標:sidebarIcon

注釋:note

面包屑:breadCrumb(即頁面所處位置導航提示)

容器:container

內容:content

搜索:search

登陸:login

功能區:shop(如購物車，收銀臺)

當前的current

2.樣式文件命名

主要的:master.css

布局版面:layout.css

專欄:columns.css

文字:font.css

打印樣式:print.css

主題:themes.css

說明：均為class，需要擴展，則在當前命名內以“_“(下劃線)后綴自定名稱。

我習慣稱列表頁為list，新聞列表則為newslist，圖片列表為piclist，

內容頁為view，

總結

以上是生活随笔為你收集整理的html站点如何命名,html页面的CSS、DIV命名规则的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。