建站资讯

网站建设资讯

为你提供赤峰网站建设及行业资讯、网站优化知识、网站开发常见问题等。

赤峰网站建设中css命名规范的重要性
更新:2019-05-21 来源:赤峰网站建设锐名网络 / 134 次浏览

    CSS命名规范重要性:

    1、为以后html5+css3.0发展方向打下基础。

现在命名头部、底部等大家习惯用 header、footer来命名,最终html调用css样式既是<div class="header">这种形式,以后html5+css3.0标准将是直接用<header>标签来表示头部部分了,所以为以后版本升级规范有一定好处,虽然达到兼容html5+css3.0浏览器还早,但是可以为div+css开发者来说可以先注意一下。

    2、css命名规范可以节约团队开发时间。

特别在团队合作开发网站项目中,大家规范的来制作一套共识的css命名,将节约开发时间及成本,如果开发项目中div+css开发者乱命名css,将给后来的程序员的解读带来不便。

    3、css命名规范可为以后维护带来方便

Div+css开发好后网站项目制作好后,很难保证以后不调整及优化,这样自己没有自己一套css命名特点,将为自己以后的维护带来不便。

    良好的css 命名规范,对于网站的优化也是极为有利的,更容易被搜索引擎识别抓取,那么今天赤峰网站建设公司小编就总结了一些命名分享给您: 

    头:header   

    内容:content/container   

    尾:footer   

    导航:nav   

    侧栏:sidebar 

    栏目:column   

    页面外围控制整体布局宽度:wrapper   

    左右中:left right center   

    登录条:loginbar   

    标志:logo   

    广告:banner   

    页面主体:main   

    热点:hot   

    新闻:news 

    下载:download   

    子导航:subnav   

    菜单:menu   

    子菜单:submenu   

    搜索:search   

    友情链接:friendlink   

    页脚:footer   

    版权:copyright   

    滚动:scroll   

    内容:content 

    标签页:tab 

    文章列表:list 

    提示信息:msg 

    小技巧:tips 

    栏目标题:title 

    加入:joinus 

    指南:guild 

    服务:service 

    注册:regsiter 

    状态态:status 

    投票:vote 

    合作伙伴:partner 


    注释的写法 


    /* Footer */ 

    内容区 

    /* End Footer */ 


    id的命名 

    容器: container 

    页头:header 

    内容:content/container 

    页面主体:main 

    页尾:footer 

    导航:nav 

    侧栏:sidebar 

    栏目:column 

    页面外围控制整体布局宽度:wrapper 

    左右中:left right center 


    导航 

    导航:nav 

    主导航:mainbav 

    子导航:subnav 

    顶导航:topnav 

    边导航:sidebar 

    左导航:leftsidebar 

    右导航:rightsidebar 

    菜单:menu 

    子菜单:submenu 

    标题: title 

    摘要: summary 


    功能 

    标志: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 

    作为一家专业的赤峰网络公司,我们秉承用专业的技术,为您提供更优质的网站建设服务。

本文链接地址:https://www.runmnet.com/wzjs/234.html转载请注明出处!

Copyright © 2013-2019 锐名网络   All Right Reserved   蒙ICP备16006017号-2