关键词：
十二、 html页面的CSS、DIV命名规则
|
名称 |
命名 |
名称 |
命名 |
名称 |
命名 |
名称 |
命名 |
|
页头 |
header |
广告条 |
banner |
登录条 |
loginbar |
标志 |
logo |
|
侧栏 |
sidebar |
菜单 |
menu |
子菜单 |
subMenu |
下拉菜单 |
dropMenu |
|
导航 |
nav |
工具条 |
toolbar |
表单 |
form |
栏目 |
column |
|
子导航 |
subNav |
箭头 |
arrow |
搜索 |
search |
搜索按钮 |
btn-search |
|
滚动条 |
scroll |
内容 |
content |
标签页 |
tab |
文章列表 |
list |
|
提示信息 |
msg |
小技巧 |
tips |
栏目标题 |
title |
链接 |
links |
|
页脚 |
footer |
服务 |
service |
热点 |
hot |
新闻 |
news |
|
下载 |
download |
注册 |
regsiter |
状态 |
status |
按钮 |
btn |
|
投票 |
vote |
合作伙伴 |
partner |
版权 |
copyright |
网站地图 |
sitemap |
|
最外层 |
wrap |
主体内容（中部） |
main |
左侧布局 |
main-left |
右侧布局 |
main-right |
|
中部主体 |
content |
底部 |
footer |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
css、js文件命名： |
|||||||
|
名称 |
命名 |
名称 |
命名 |
名称 |
命名 |
名称 |
命名 |
|
主要的 |
master.css/main.css |
布局，版面 |
layout.css |
专栏 |
columns.css |
文字 |
font.css |
|
打印样式 |
print.css |
主题 |
themes.css |
模块 |
module.css |
基本共用 |
base.css |
|
表单 |
forms.css |
补丁 |
mend.css |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ID命名： |
|||||||
|
名称 |
命名 |
名称 |
命名 |
名称 |
命名 |
名称 |
命名 |
|
页面外围控制整体布局宽度 |
#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 |
搜索条 |
#searchBar |
|
搜索输出和搜索结果相似 |
#search_output |
搜索结果 |
#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_description |
编辑评论 |
.editor_review |
生产商 |
.publisher |
|
产品价格 |
.products_prices |
产品评论 |
.products_review |
最新产品 |
.news_release |
缩略图 |
.screenshot |
|
常见问题 |
.faqs |
关键词 |
.keyword |
博客 |
.blog |
论坛 |
.forum |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
http://www.cnblogs.com/rising-fay/archive/2013/02/25/2932592.html
67. CSS命名规则
头：header
内容：content/containe
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：download
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
友情链接：friendlink
页脚：footer
版权：copyright
滚动：scroll
==========
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，
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
注册：regsiter
状态：status
投票：vote
合作伙伴：partner
html页面的cssdiv命名规则
...footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：leftrightcenter 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：downl... 查看详情
html页面的cssdiv命名规则
十二、 html页面的CSS、DIV命名规则名称命名名称命名名称命名名称命名页头header广告条banner登录条loginbar标志logo侧栏sidebar菜单menu子菜单subMenu下拉菜单dropMenu导航nav工具条toolbar表单form... 查看详情
html页面的cssdiv命名规则(仅供参考学习）
...footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：leftrightcenter 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：downl... 查看详情
书写html5/css3的命名规则
头：header 内容：content/containe 尾：footer导航：nav 侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper 查看详情
转发-常用的css命名规则
...：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：leftrightcenter登录条：loginbar标志：logo广告：banner页面主体： 查看详情
css命名规范
html页面的CSS、DIV命名规则CSS命名规则 头：header 内容：content/containe 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：leftrightcenter 登录条：loginbar... 查看详情
5.命名规则
...是借鉴来的，但是原文链接没复制下来……id的命名 页面结构 容器:container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体... 查看详情
css常用的命名规则
(1)页面结构容器:container页头：header内容：content/container页面主体：main页尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：leftrightcenter(2)导航导航：nav主导航：mainbav子导航：subnav顶导航：topnav... 查看详情
css的命名规则
...ader内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:leftrightcenter登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:menu子菜单:subme 查看详情
文件命名规则
网站文件命名规则关于文件的命名，看似无足重轻，但实际上如果没有良好的命名规则进行必要的约束，一味的乱起名称，最终导致的结果就是整个网站或是文件夹无法管理。所以，命名规则在这里同样非常重要。需要特别注意... 查看详情
css命名规范(规则)常用的css命名规则
CSS命名规范(规则)常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体佈局宽度： 查看详情
前端变量命名之规则
...文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.&nb 查看详情
html编写规范
...式表文件命名六、文件命名规则一、HTML规范：1.代码规范页面的第一行添加标准模式声明<!DOCTYPEhtml>代码缩进：tab键设置四个空格（通常在软件右下角设置相应空格大小）html中除了开头的DOC和‘UTF-8‘或者head里特殊情况可以... 查看详情
常用的css命名规则
...：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体佈局宽度：wrapper左右中：leftrightcenter登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：... 查看详情
如何用html5+cssdiv制作一个简单的登录界面
...数据的时候使用功能代码绑定数据到布局上面，自动生成页面内容就可以了。拆分出单个模板来，很明显每项都是一样的就这个样式写div+css不会吗？两层div的嵌套，里面布局排文本标签，image标签就可以了，绑定id填数据，或者... 查看详情
cssdiv绝对定位后页面的大小改变div层位置如何保持不变
CSSDIV绝对定位后页面的大小改变div层位置如何保持不变div层的绝对定位不一定非要用精确的数值定位，还可以使用关键字，以及百分比，你可以试试看参考资料：http://www.ttwinbug.com/thread-8802-1-1.html参考技术Awindow.resize=function()长=... 查看详情
文件名的命名规则是啥
关于文件的命名，看似无足重轻，但实际上如果没有良好的命名规则进行必要的约束，一味的乱起名称，最终导致的结果就是整个网站或是文件夹无法管理。所以，命名规则在这里同样非常重要。需要特别注意的时候，网站文件... 查看详情
cssdiv高度设置
设置mainheight:100%;当页面下拉时main的高度没有铺满body，怎么处理使main的高度铺满bodycss如下求大神！！！1、首先我们新建一个测试项目然后新建一个index.html、basic.js和basic.css文件。2、js修改html文件中div的style中值来修改div的高度... 查看详情