WEB前端规范命名

头部 header ----------------用于头部

主要内容 main ------------用于主体内容(中部)

左侧 main-left -------------左侧布局

右侧 main-right -----------右侧布局

外套 wrap ------------------用于最外层


导航条 nav -----------------网页菜单导航条

内容 content ---------------用于网页中部主体

底部 footer -----------------用于底部

网页公共命名:

#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论坛CSS文件命名说明master.css,style.css主要的module.css模块base.css基本共用layout.css布局,版面themes.css主题columns.css专栏font.css文字、字体forms.css表单mend.css补丁print.css打印

时间: 2024-10-05 20:53:24

WEB前端规范命名的相关文章

WEB前端规范(一)--HTML规范

保持良好的编程习惯,遵守代码规范,是每一个coder的必修课.至此WEB前端规范(一)就开始了. 文件名 1 所有的文件名都应该遵守相同的命名规范. 2 文件名以小写字母开头,避免数字开头 3 文件名最好全部是小写字母,如果分为几个部分,就以“-”分割开. 4 如果某些部分是作为一个文件的扩展名,则使用“.”进行连接.例:my-validate.min.js  . 不推荐: MyScript.js myCamelCaseName.css i_love_underscores.html 1001-

web前端规范

无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考. 规范目的:为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则:符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码

web 前端规范实例

<!DOCTYPE html> <html> <head> <title>tmall</title> <!-- 为了被搜索引擎作为流量入口 --> <meta name="keywords" content="keyword1,keyword2,keyword3"> <!-- 搜索引擎快照简介--> <meta name="description"

要想成为前端大神,那些你不得不知晓的web前端命名规范。

一.Web语义化 1.1 H5的语义化 对于经验资深的前端er,在给web布局时,相信都会很注重标签和命名的规范.尤其是随着html5的普及发展,更是把web前端语义化推向一个新的台阶上.比如html5给我们新增的语义标签:header.nav.main.aside.footer.section.article等等.那么对于web语义化,有什么优势呢? 1.2 语义化优势 可以让人一目了然代码结构块,对于项目的维护或者优化都是非常有意义的. 语义化能提高页面SEO.如:<header><

web前端开发规范

本文原创,这里首先声明,转载注明本文出处,翻版必究! web前端开发规范的现实意义 1.提高团队的协作能力 2.提高代码的重复利用率 3.可以写出质量更高,效率更好的代码 4.为后期维护提供更好的支持 5.可读性高 一.命名规则 1.html命名规则: a.文件名称命名规则:统一使用小写英文字母.数字.下划线的组合,不得包含汉字空格和特殊字符 2.命名原则:方便理解.方便查找 b.索引文件命名原则:index.html.index.htm.index.asp.index.aspx.index.j

web项目开发 之 前端规范 --- JavaScript编码规范

JavaScript编码规范 此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范文档.供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力. 场景:web前端开发中 一些Javascript的注意事项 和 规格建议: [参考百度资料 和个人一些总结] 1 前言 JavaScript 在百度一直有着广泛的应用,特别是在浏览器端的行为管理.本文档的目标是使 JavaScript 代码风格保持一致,容易被理解和被维护. 虽然本文档是针对 Java

Web 前端代码规范

Web 前端代码规范 最后更新时间:2017-06-25 原始文章链接:https://github.com/bxm0927/web-code-standards 此项目用于记录规范的.高可维护性的前端代码,这是通过分析 Github 众多前端代码库,总结出来的前端代码书写规范. 目录 前端普适性规范 HTML 规范 CSS 规范 JS 规范 License public domain, Just take it. Thanks @Ruan YiFeng: https://github.com/

WEB前端开发规范文档(转)

http://codeguide.bootcss.com/  编写灵活.稳定.高质量的 HTML 和 CSS 代码的规范上面的文档 再结合下面的规范: 无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考. 规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或

规范的web前端代码

web前端的代码规范主要针对的是HTML,CSS和javaScript代码. 前端代码规范在不同场合会有差异,但是规范的前端代码应该具有以下特征: 1.符合标准 所谓的标准是指W3C指定的web标准,包括语言的规范,开发中使用的原则和解释引擎行为等,主要有三部分组成:结构标准(html和xhtml部分).表现标准(css部分)和行为标准(javascript部分). 2.格式规范统一 前端代码的格式主要包括命名.代码缩进.空格和空行的使用以及代码注释.命名主要有HTML元素的id和class名,