DIV+CSS规范命名大全汇合
网页制造中规范利用DIV+CSS命名规则,可能改善优化效用顺便是团队合作时分可能提供合作制造效率,详细DIV CSS命名规则CSS命名大全内容篇。
常用DIV+CSS命名大全汇合,即CSS命名规则
DIV CSS命项目录咱们开发CSS+DIV网页(Xhtml)时分,比较困惑和纠结的事就是CSS命名,顺便是新手不知道什么中央该如何命名,怎么命名才是好的方法。
一、命名规则阐明: -1)、一切的命名最好都小写
2)、属性的值肯定要用双引号("")括起来,且肯定要有值如class="divcss5",id="divcss5"
3)、每个标签都要有末尾和完结,且要有正确的层次,排版有规律工整
4)、空元素要有完结的tag或于末尾的tag后加上"/"
5)、体现与构造齐全分离,代码中不触及任何的体现元素,如style、font、bgColor、border等
6)、<h1>到<h5>的定义,应遵照从大到小的准则,表现文档的构造,并无利于搜查引擎的查询。
7)、给每一个表格和表单加上一个惟一的、构造标记id
8)、给图片加上alt标签
9)、尽量利用英文命名准则
10)、尽量不缩写,除非一看就明确的单词
DIVCSS5给大家引见常见CSS命名和DIV CSS命名方法。
二、相对网页外层重要局部CSS样式命名: -外套 wrap ------------------用于最外层
头部 header ----------------用于头部
次要内容 main ------------用于主体内容(中部)
左侧 main-left -------------左侧规划
右侧 main-right -----------右侧规划
导航条 nav -----------------网页菜单导航条
内容 content ---------------用于网页中部主体
底部 footer -----------------用于底部
以下为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
论坛