标准化div css命名规则.docx

1、标准化div css命名规则 标准化div+css命名规则作为设计人员，良好的规范化程序是必须的也是必要的。在如今DIV+CSS的标准化设计中，如果才能使得自己代码规范呢？你是否做到了真正的SEO标准操作。页头：header登录条：loginBar标志：logo侧栏：sideBar广告：banner导航：nav子导航：subNav菜单：menu子菜单：subMenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service热点：hot新闻：n

2、ews下载：download注册：regsiter状态：status按钮：btn投票：vote合作伙伴：partner友情链接：friendLink页脚：footer版权：copyRight1.CSS ID 的命名外 套： wrap主导航： mainNav子导航： subnav页 脚： footer整个页面： content页 眉： header页 脚： footer商 标： label标 题： title主导航： mainNav（globalNav）顶导航： topnav边导航： sidebar左导航： leftsideBar右导航： rightsideBar旗 志： logo标 语： ba

3、nner菜单内容1： menu1Content菜单容量： menuContainer子菜单： submenu边导航图标：sidebarIcon注释： note面包屑： breadCrumb(即页面所处位置导航提示）容器： container内容： content搜索： search登陆： login功能区： shop(如购物车，收银台)当前的 current2.另外在编辑样式表时可用的注释可这样写： Footer 内容区 End Footer 3.样式文件命名主要的 master.css布局，版面 layout.css专栏 columns.css文字 font.css打印样式 print.cs

4、s主题 themes.css作為設計人員，良好的規范化程序是必須的也是必要的。在如今DIV+CSS的標準化設計中，如果才能使得自己代碼規范呢？你是否做到瞭真正的SEO標準操作。頁頭：header登錄條：loginBar標志：logo側欄：sideBar廣告：banner導航：nav子導航：subNav菜單：menu子菜單：subMenu搜索：search滾動：scroll頁面主體：main內容：content標簽頁：tab文章列表：list提示信息：msg小技巧：tips欄目標題：title加入：joinus指南：guild服務：service熱點：hot新聞：news下載：download註

5、冊：regsiter狀態：status按鈕：btn投票：vote合作夥伴：partner友情鏈接：friendLink頁腳：footer版權：copyRight1.CSS ID 的命名外 套： wrap主導航： mainNav子導航： subnav頁 腳： footer整個頁面： content頁 眉： header頁 腳： footer商 標： label標 題： title主導航： mainNav（globalNav）頂導航： topnav邊導航： sidebar左導航： leftsideBar右導航： rightsideBar旗 志： logo標 語： banner菜單內容1： menu

6、1Content菜單容量： menuContainer子菜單： submenu邊導航圖標：sidebarIcon註釋： note面包屑： breadCrumb(即頁面所處位置導航提示）容器： container內容： content搜索： search登陸： login功能區： shop(如購物車，收銀臺)當前的 current2.另外在編輯樣式表時可用的註釋可這樣寫： Footer 內容區 End Footer 3.樣式文件命名主要的 master.css佈局，版面 layout.css專欄 columns.css文字 font.css打印樣式 print.css主題 themes.css作

7、为设计人员，良好的规范化程序是必须的也是必要的。在如今DIV+CSS的标准化设计中，如果才能使得自己代码规范呢？你是否做到了真正的SEO标准操作。页头：header登录条：loginBar标志：logo侧栏：sideBar广告：banner导航：nav子导航：subNav菜单：menu子菜单：subMenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service热点：hot新闻：news下载：download注册：regsiter状态：st

8、atus按钮：btn投票：vote合作伙伴：partner友情链接：friendLink页脚：footer版权：copyRight1.CSS ID 的命名外 套： wrap主导航： mainNav子导航： subnav页 脚： footer整个页面： content页 眉： header页 脚： footer商 标： label标 题： title主导航： mainNav（globalNav）顶导航： topnav边导航： sidebar左导航： leftsideBar右导航： rightsideBar旗 志： logo标 语： banner菜单内容1： menu1Content菜单容量： m

9、enuContainer子菜单： submenu边导航图标：sidebarIcon注释： note面包屑： breadCrumb(即页面所处位置导航提示）容器： container内容： content搜索： search登陆： login功能区： shop(如购物车，收银台)当前的 current2.另外在编辑样式表时可用的注释可这样写： Footer 内容区 End Footer 3.样式文件命名主要的 master.css布局，版面 layout.css专栏 columns.css文字 font.css打印样式 print.css主题 themes.css作為設計人員，良好的規范化程序是

10、必須的也是必要的。在如今DIV+CSS的標準化設計中，如果才能使得自己代碼規范呢？你是否做到瞭真正的SEO標準操作。頁頭：header登錄條：loginBar標志：logo側欄：sideBar廣告：banner導航：nav子導航：subNav菜單：menu子菜單：subMenu搜索：search滾動：scroll頁面主體：main內容：content標簽頁：tab文章列表：list提示信息：msg小技巧：tips欄目標題：title加入：joinus指南：guild服務：service熱點：hot新聞：news下載：download註冊：regsiter狀態：status按鈕：btn投票：vo

11、te合作夥伴：partner友情鏈接：friendLink頁腳：footer版權：copyRight1.CSS ID 的命名外 套： wrap主導航： mainNav子導航： subnav頁 腳： footer整個頁面： content頁 眉： header頁 腳： footer商 標： label標 題： title主導航： mainNav（globalNav）頂導航： topnav邊導航： sidebar左導航： leftsideBar右導航： rightsideBar旗 志： logo標 語： banner菜單內容1： menu1Content菜單容量： menuContainer子菜單

12、： submenu邊導航圖標：sidebarIcon註釋： note面包屑： breadCrumb(即頁面所處位置導航提示）容器： container內容： content搜索： search登陸： login功能區： shop(如購物車，收銀臺)當前的 current2.另外在編輯樣式表時可用的註釋可這樣寫： Footer 內容區 End Footer 3.樣式文件命名主要的 master.css佈局，版面 layout.css專欄 columns.css文字 font.css打印樣式 print.css主題 themes.css作为设计人员，良好的规范化程序是必须的也是必要的。在如今DIV

13、+CSS的标准化设计中，如果才能使得自己代码规范呢？你是否做到了真正的SEO标准操作。页头：header登录条：loginBar标志：logo侧栏：sideBar广告：banner导航：nav子导航：subNav菜单：menu子菜单：subMenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service热点：hot新闻：news下载：download注册：regsiter状态：status按钮：btn投票：vote合作伙伴：partner友

14、情链接：friendLink页脚：footer版权：copyRight1.CSS ID 的命名外 套： wrap主导航： mainNav子导航： subnav页 脚： footer整个页面： content页 眉： header页 脚： footer商 标： label标 题： title主导航： mainNav（globalNav）顶导航： topnav边导航： sidebar左导航： leftsideBar右导航： rightsideBar旗 志： logo标 语： banner菜单内容1： menu1Content菜单容量： menuContainer子菜单： submenu边导航图标：

15、sidebarIcon注释： note面包屑： breadCrumb(即页面所处位置导航提示）容器： container内容： content搜索： search登陆： login功能区： shop(如购物车，收银台)当前的 current2.另外在编辑样式表时可用的注释可这样写： Footer 内容区 End Footer 3.样式文件命名主要的 master.css布局，版面 layout.css专栏 columns.css文字 font.css打印样式 print.css主题 themes.css作為設計人員，良好的規范化程序是必須的也是必要的。在如今DIV+CSS的標準化設計中，如果才

16、能使得自己代碼規范呢？你是否做到瞭真正的SEO標準操作。頁頭：header登錄條：loginBar標志：logo側欄：sideBar廣告：banner導航：nav子導航：subNav菜單：menu子菜單：subMenu搜索：search滾動：scroll頁面主體：main內容：content標簽頁：tab文章列表：list提示信息：msg小技巧：tips欄目標題：title加入：joinus指南：guild服務：service熱點：hot新聞：news下載：download註冊：regsiter狀態：status按鈕：btn投票：vote合作夥伴：partner友情鏈接：friendLink頁

17、腳：footer版權：copyRight1.CSS ID 的命名外 套： wrap主導航： mainNav子導航： subnav頁 腳： footer整個頁面： content頁 眉： header頁 腳： footer商 標： label標 題： title主導航： mainNav（globalNav）頂導航： topnav邊導航： sidebar左導航： leftsideBar右導航： rightsideBar旗 志： logo標 語： banner菜單內容1： menu1Content菜單容量： menuContainer子菜單： submenu邊導航圖標：sidebarIcon註釋：

18、note面包屑： breadCrumb(即頁面所處位置導航提示）容器： container內容： content搜索： search登陸： login功能區： shop(如購物車，收銀臺)當前的 current2.另外在編輯樣式表時可用的註釋可這樣寫： Footer 內容區 End Footer 3.樣式文件命名主要的 master.css佈局，版面 layout.css專欄 columns.css文字 font.css打印樣式 print.css主題 themes.css作为设计人员，良好的规范化程序是必须的也是必要的。在如今DIV+CSS的标准化设计中，如果才能使得自己代码规范呢？你是否做

19、到了真正的SEO标准操作。页头：header登录条：loginBar标志：logo侧栏：sideBar广告：banner导航：nav子导航：subNav菜单：menu子菜单：subMenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service热点：hot新闻：news下载：download注册：regsiter状态：status按钮：btn投票：vote合作伙伴：partner友情链接：friendLink页脚：footer版权：copy

20、Right1.CSS ID 的命名外 套： wrap主导航： mainNav子导航： subnav页 脚： footer整个页面： content页 眉： header页 脚： footer商 标： label标 题： title主导航： mainNav（globalNav）顶导航： topnav边导航： sidebar左导航： leftsideBar右导航： rightsideBar旗 志： logo标 语： banner菜单内容1： menu1Content菜单容量： menuContainer子菜单： submenu边导航图标：sidebarIcon注释： note面包屑： breadC

21、rumb(即页面所处位置导航提示）容器： container内容： content搜索： search登陆： login功能区： shop(如购物车，收银台)当前的 current2.另外在编辑样式表时可用的注释可这样写： Footer 内容区 End Footer 3.样式文件命名主要的 master.css布局，版面 layout.css专栏 columns.css文字 font.css打印样式 print.css主题 themes.css作為設計人員，良好的規范化程序是必須的也是必要的。在如今DIV+CSS的標準化設計中，如果才能使得自己代碼規范呢？你是否做到瞭真正的SEO標準操作。頁頭

22、：header登錄條：loginBar標志：logo側欄：sideBar廣告：banner導航：nav子導航：subNav菜單：menu子菜單：subMenu搜索：search滾動：scroll頁面主體：main內容：content標簽頁：tab文章列表：list提示信息：msg小技巧：tips欄目標題：title加入：joinus指南：guild服務：service熱點：hot新聞：news下載：download註冊：regsiter狀態：status按鈕：btn投票：vote合作夥伴：partner友情鏈接：friendLink頁腳：footer版權：copyRight1.CSS ID 的

23、命名外 套： 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(如購物車，收銀臺)當前的 current2.另外在編輯樣式表時可用的註釋可這樣寫： Footer 內容區 End Footer 3.樣式文件命名主要的 master.css佈局，版面 layout.css專欄 columns.css文字 font.css打印樣式 print.css主題 themes.css