CSS代码规范
软件开发Web前端开发规范
软件开发Web前端开发规范软件开发Web前端开发规范是指在进行Web前端开发过程中，为了统一团队的代码风格，提高代码的可读性、可维护性和可扩展性而制定的规范。
本文将从代码结构、命名规范、注释规范、HTML规范、CSS规范、JavaScript规范以及版本控制等几个方面，详细阐述Web前端开发规范的内容。
一、代码结构规范：1. 项目根目录下应包含必要的文件，如index.html、package.json 等；2. 将不同类型的文件（如HTML、CSS、JavaScript）分别放在不同的文件夹中，方便管理；3.对于大型项目，可以按照模块对文件进行进一步的组织。
二、命名规范：1. 变量、函数名使用驼峰命名法，如helloWorld；2. 类名使用帕斯卡命名法，如HelloWorld；3.常量名使用全大写字母，如PI；4. 文件名使用小写字母，多个单词使用下划线连接，如index.html。
三、注释规范：1.对于重要的函数、类、模块等，应添加详细的注释说明；2.使用单行注释（//）或多行注释（/**/）来注释代码，注释应描述清楚代码的功能和作用；3.注释应写在代码的上方或右侧，避免在代码行尾添加注释。
四、HTML规范：2.缩进使用两个空格，不使用制表符；4. 使用双引号包裹属性值，如class="container"；5.避免使用行内样式，将样式写入CSS文件中。
五、CSS规范：1.代码缩进使用两个空格，不使用制表符；2. 使用中划线连接多个单词，如table-layout；3.选择器命名简洁明了，避免使用过长、复杂的名称；4.属性书写顺序应统一，比如先写布局相关的属性，再写样式相关的属性；5.使用CSS预处理器，如LESS、SASS等，提高开发效率。
六、JavaScript规范：1.使用ES6语法，提高代码的可读性和可维护性；2. 变量声明使用let或const，避免使用var；3.函数命名简洁明了，避免使用过长、复杂的名称；4.将多次使用的代码封装成函数，提高代码的复用性；5.避免使用全局变量和全局函数，减少命名冲突的可能性。
常用CSS代码大全(工作必备)
常用CSS代码大全（工作必备）用html+css可以很方便的进行网页的排版布局，但不是每一种属性或者代码我们都铭记于心，最近我把CSS中的常用代码进行了归纳总结，方便自己以后查看，同时也分享给大家，希望对你们有用。
一.文本设置1、font-size: 字号参数2、font-style: 字体格式3、font-weight: 字体粗细4、颜色属性 color:参数注意使用网页安全色二、超链接设置text-decoration: 参数主要目的是在浏览器显示文本链接时更改下划线。
参数取值范围：underline：为文字加下划线overline：为文字加上划线line-through：为文字加删除线blink：使文字闪烁none：不显示上述任何效果三、背景1、背景颜色 padding: 0px 0px 0px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); font-size: 16px; border-left: 1px solid rgb(128, 128, 128); background: rgb(238, 238, 238); box-shadow: rgba(7, 17, 27, 0.05) 0px 4px 8px 0px; box-sizing: border-box; border-radius: 8px; font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Tahoma, Arial, sans-serif;">2、背景图片background-image: url(URL)URL就是背景图片的存放路径，none表示无。
3、背景图片重复 background-repeat: 参数参数取值范围：no-repeat：不重复平铺背景图片repeat-x：使图片只在水平方向上平铺repeat-y：使图片只在垂直方向上平铺如果不指定背景图像重复属性，浏览器默认水平和垂直平铺背景图像。
前端代码规范文档
前端代码规范文档前端代码规范文档一、命名规范1. HTML/CSS命名规范- 使用小写字母和连字符（-）作为单词分隔符；- 尽量避免使用缩写，除非是广泛接受的缩写；- 使用有意义的命名，不使用无意义的命名；- 使用统一的命名方式来表示特殊类型的元素（例如：头部、侧边栏等）；2. JavaScript命名规范- 使用驼峰命名法（camelCase）；- 使用有意义的命名来描述变量、函数或类的作用；- 避免使用单个字符的命名，除非是临时变量；- 使用全大写的命名方式来表示常量；二、缩进和空格规范1. 使用4个空格来进行缩进；2. 在括号前后留一个空格；3. 在运算符前后留一个空格；4. 在函数名和参数列表之间留一个空格；三、注释规范1. 使用注释来解释代码的功能和用途；2. 对于复杂的代码块或关键算法，应提供详细的注释；3. 注释应该是清晰明了的，避免使用不恰当的术语或缩写；4. 重要的注释可以使用大写字母或星号来标记；四、代码风格规范1. 使用一致的缩进和空格；2. 合理使用换行符，避免一行代码过长；3. 尽量避免使用行尾的空格或制表符；4. 使用一致的括号风格，例如在函数或语句块的开头和结尾都使用大括号；5. 使用分号来结束语句；6. 使用合理的命名方式来描述变量、函数和类的作用；7. 避免使用全局变量，使用局部变量或封装变量的方式来控制变量的作用范围；8. 避免使用多层嵌套的条件语句，可以使用条件判断的方法来简化代码；9. 使用恰当的函数和类来封装可重用的代码；五、代码结构规范1. 尽量避免大而复杂的函数，使用小而简单的函数来实现功能；2. 模块化代码，将相关联的函数和类放在同一个文件中；3. 合理使用空行来分隔不同的代码块；4. 将页面的结构和样式分离开来，使得HTML文件更加简洁和易于维护；5. 对于重要的功能块，使用代码块注释来标记开头和结尾；六、代码审查规范1. 对新提交的代码进行审查，确保其符合代码规范；2. 对代码中的错误和潜在问题进行识别和修复；3. 鼓励团队成员进行代码审查和互相学习，提高代码质量；4. 定期审核项目中的代码，找出不符合规范的代码并进行修正。
阿里前端开发规范
阿里前端开发规范阿里前端开发规范包括代码、命名、HTML、CSS、JavaScript、图片方面的规范。
1. 代码规范：- 使用四个空格缩进，不使用制表符。
- 代码行长度不超过80个字符。
- 使用驼峰命名法，变量和函数名用小写开头，构造函数用大写开头。
- 使用严格相等运算符（===和!==）替代宽松相等运算符（==和!=）。
- 在条件表达式中，使用括号来提高可读性。
- 避免在循环中使用等号赋值（例如，for (var i = 0; i < array.length; i++)）。
- 避免使用eval()函数。
2. 命名规范：- 文件名应该全部小写，可以包含破折号（-）或下划线（_）。
- 文件夹名应该全部小写，可以包含破折号（-）或下划线（_）。
- CSS文件名应该以.css结尾。
- JavaScript文件名应该以.js结尾。
3. HTML规范：- 使用两个空格缩进，不使用制表符。
- 使用双引号而不是单引号作为属性值的引号。
- 在自定义属性中使用小写字母和破折号（-）。
- 为所有非自闭合标签使用闭合标签。
- 避免在HTML标签中使用行内样式。
4. CSS规范：- 使用两个空格缩进，不使用制表符。
- 使用小写字母和破折号（-）作为选择器和属性名的命名方式。
- 为每个选择器之间使用空行分隔。
- 使用简写属性来减少代码量。
- 使用预处理器（如Less或Sass）来编写CSS。
5. JavaScript规范：- 使用两个空格缩进，不使用制表符。
- 使用分号作为语句的结束符号。
- 避免使用全局变量。
- 避免使用with语句。
- 使用模块化的开发方式，避免全局作用域污染。
6. 图片规范：- 使用有意义的命名来描述图片内容。
- 使用适当的格式和压缩技术来减小图片文件大小。
- 将页面上的图片引用写成相对路径。
以上是阿里前端开发规范的一些主要内容。
在实际开发中，遵循这些规范可以提高代码的可读性和可维护性，使团队成员之间更容易协同工作。
WEB前端开发代码使用要求规范
WEB前端开发代码使用要求规范1.编码规范- 使用标准的HTML、CSS和JavaScript语法。
-使用缩进和空格来提高代码的可读性。
-使用注释来解释代码的目的和功能。
2.文件和目录结构规范-使用有意义的文件和目录命名，方便其他开发人员寻找代码。
-在项目中使用统一的目录结构，例如将HTML文件存放在一个文件夹中，将样式文件存放在另一个文件夹中，以此类推。
3.HTML规范- 避免在HTML中直接写入样式和脚本代码，应将样式和脚本代码分离到对应的CSS和JavaScript文件中。
4.CSS规范-使用适当的选择器，避免过多的嵌套。
-避免使用内联样式，应将样式写在CSS文件中，以提高可维护性。
- 使用合适的样式命名规则，例如使用BEM(Block-Element-Modifier)命名规则，或其他约定俗成的命名规则。
5. JavaScript规范-使用合适的变量和函数命名，提高代码的可读性。
-避免使用全局变量，应将变量和函数封装在模块中。
- 使用严格模式(`use strict`)，避免不规范的语法和行为。
- 避免使用`eval`和`with`等不安全的代码。
-在循环中使用合适的终止条件，避免死循环。
6.代码结构规范-代码应具有良好的组织结构，例如使用模块化的方式来组织代码。
-尽量遵循单一职责原则，每个函数和类应该只负责一件事情。
-提取重复的代码块，封装成函数或类，以提高代码的复用性。
-不要写过长的函数或类，应该根据需要进行拆分和重构。
7.注释规范-使用注释来解释代码的目的和功能，特别是代码的复杂部分。
-注释应该清晰、简洁，方便其他开发人员理解代码。
-避免使用无用的注释，注释应该随着代码的变化而更新。
总之，遵守WEB前端开发代码使用要求规范能够提高代码的质量和开发效率，减少错误和维护成本。
同时，还能提高团队合作的效率，方便其他开发人员理解和修改代码。
因此，在进行WEB前端开发时应该积极遵守和推崇相关规范。
CSS规范-根据W3C标准制定
由于项目中编写文档结构、编写CSS的人员较多，并与程序员协同工作，所以就需要统一开发规范，根据XHTM l和CSS编织的规范和大多人的习惯，整理了以下针对本项目的一个简单的开发规范：一、CSS文件及样式命名1、CSS文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；2、CSS样式命名规范本人建议：用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字。
为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间，例如：头部样式用h eader，头部左边，可以用hea der_l eft或h eader_l,还有如果是列结构的可以这样——box _1of3(三列中的第一列)，box_2o f3 (三列中的第二列)、box _3of3(三列中的第三列)，其它的我就不一一举例了，大家按以上规律去命名就好。
下面列出一些常用的命名单词方便大家使用：（以后大家工作过程中慢慢把自己积累的单词都共享出来，那大家的命就会更加统一了，就不会有一义多词的情况了。
）容器：contai ner/box头部：header主导航：m ainNa v子导航：subNav顶导航：topNav网站标志：logo大广告：banner页面中部：m ainBo dy底部：footer菜单：menu菜单内容：m enuCo ntent子菜单：subMen u子菜单内容：subMen uCont ent搜索：search搜索关键字：keywor d搜索范围：range标签文字：tagTit le标签内容：tagCon tent当前标签：tagCur rent/curren tTag标题：title内容：conten t列表：list当前位置：curren tPath侧边栏：sideba r图标：icon注释：note登录：login注册：regist er列定义：column_1of3(三列中的第一列)column_2of3(三列中的第二列)column_3of3(三列中的第三列)二、id和cla ss的使用及区别我们知道在样式表定义一个样式的时候，可以定义id也可以定义class，例如：ID方法：#test{color:#333333}，在页面中调用<div id="test">内容<div>CLASS方法：.test{color:#333333}，在页面中调用<div class="test">内容<div>id一个页面只可以使用一次，class可以多次引用。
前端开发规范文档
前端开发规范文档一、概述。
本文档旨在规范前端开发工作，统一团队成员的开发风格，提高代码质量和可维护性。
在前端开发中，规范是非常重要的，它可以让团队成员之间的合作更加顺畅，代码更加易读易懂。
本规范文档将涵盖HTML、CSS、JavaScript等前端开发的相关规范，希望每位开发人员都能认真遵守。
二、HTML规范。
1. 文件命名规范。
文件名应使用小写字母，单词之间可以使用连字符“-”连接，例如，index.html、about-us.html。
文件名应简洁明了，不使用无意义的数字或字符。
2. 代码缩进规范。
使用两个空格进行代码缩进，不使用Tab键。
3. 标签规范。
标签名应使用小写字母。
标签属性值应使用双引号。
4. 注释规范。
在需要注释的地方使用<!--->进行注释。
5. 其他规范。
应尽量避免使用行内样式和行内脚本。
尽量减少标签的嵌套层级，保持HTML结构的简洁性。
三、CSS规范。
1. 文件组织规范。
将CSS文件统一放置在一个文件夹中，不要将CSS文件散落在各个目录中。
可以根据模块或页面的不同，将CSS文件拆分为多个文件，使用@import进行引入。
2. 类名规范。
类名应使用小写字母，单词之间可以使用连字符“-”连接，例如，header-nav、footer-content。
类名应简洁明了，不使用无意义的数字或字符。
3. 属性顺序规范。
CSS属性应按照一定的顺序书写，例如，布局定位属性、盒模型属性、文字排版属性、视觉效果属性等。
4. 其他规范。
尽量避免使用!important，除非必要情况下。
尽量使用缩写属性，减少代码量。
四、JavaScript规范。
1. 变量命名规范。
变量名应使用驼峰命名法，例如，myName、isShow。
变量名应简洁明了，不使用无意义的单个字母。
2. 代码缩进规范。
使用两个空格进行代码缩进，不使用Tab键。
3. 注释规范。
在需要注释的地方使用//进行单行注释，使用/ /进行多行注释。
css的入门教程
css的入门教程css的入门教程CSS是CascadingStyleSheets(层叠样式表)的缩写。
是一种对web文档添加样式的简单机制，属于表现层的布局语言。
1.基本语法规范分析一个典型CSS的语句：p{COLOR:#FF0000;BACKGROUND:#FFFFFF}其中"p"我们称为"选择器"(selectors)，指明我们要给"p"定义样式；样式声明写在一对大括号"{}"中；COLOR和BACKGROUND称为"属性"(property)，不同属性之间用分号";"分隔；"#FF0000"和"#FFFFFF"是属性的值(value)。
2.颜色值颜色值可以用RGB值写，例如：color:rgb(255,0,0)，也可以用十六进制写，就象上面例子color:#FF0000。
如果十六进制值是成对重复的.可以简写，效果一样。
例如:#FF0000可以写成#F00。
但如果不重复就不可以简写，例如#FC1A1B必须写满六位。
3.定义字体body{font-family:"LucidaGrande",Verdana,Lucida,Arial,Helvetica,宋体,sans-serif;}字体按照所列出的顺序选用。
如果用户的计算机含有LucidaGrande字体，文档将被指定为LucidaGrande。
没有的话，就被指定为Verdana字体，如果也没有Verdana，就指定为Lucida字体，依此类推，；LucidaGrande字体适合MacOSX；Verdana字体适合所有的Windows系统；Lucida适合UNIX用户"宋体"适合中文简体用户;如果所列出的字体都不能用，则默认的sans-serif字体能保证调用;4.群选择器当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号分隔，：p,td,li{font-size:12px;}5.派生选择器可以使用派生选择器给一个元素里的子元素定义样式，例如这样：listrong{font-style:italic;font-weight:normal；}就是给li下面的子元素strong定义一个斜体不加粗的样式。
HTML／CSS代码开发规范文档
HTML/CSS代码开发规范文档目录1、前言 (3)2、HTML编码规范 (3)2-1HTML标记的关闭规范 (3)2-2HTML文件头基本标记 (3)2-2HTML正文代码标记元素 (4)2-3HTML标记的缩进规范 (5)3、HTML文件引入CSS样式代码和Javascript代码规范 (5)3-1引入css样式代码规范 (5)3-2引入Javascript代码规范 (6)4、HTML注释标签<!--和--> (7)5、CSS编码规范 (7)5-1 CSS编码要求 (7)5-2 CSS样式表规范 (7)5-3 CSS命名规范 (8)5-4样式文件命名 (9)5-5样式文件布局 (10)6、CSS常规书写规范及方法 (10)6-1文件调用方法: (10)6-2 CSS结构化书写 (10)6.2.1派生选择器： (10)6.2.2辅助图片用背影图处理： (11)6.2.3结构与样式分离： (11)6.2.4文档的结构化书写 (11)6-3 HACK CSS书写规范 (12)6.3.1 IE6、IE7、Firefox之间的兼容写法 (12)6.3.2屏蔽IE浏览器 (13)6.3.3清除浮动 (13)6.3.4鼠标手势 (14)7、CSS性代码缩写 (14)7.1不同类有相同属性及属性值的缩写 (14)7.2同一属性的缩写 (15)7.3内外侧边框的缩写 (15)7.4颜色值的缩写 (17)8、CSS注释书规范 (17)8.1行间注释 (17)8.2整段注释 (17)1、前言本编程规范适用于需要编写HTML/CSS代码的网页程序开发人员。
本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。
2、HTML编码规范HTML是一种标记语言, HTML没有任何真正的编程语言中的循环或是流程控制语句。
然而，HTML代码的格式和风格是非常重要的，因为要经常对HTML代码进行维护和修改，因此HTML代码必须有很清晰的逻辑结构和布局,增强可读性，而使其易懂和易于维护。
前端开发规范及注意事项
前端开发规范及注意事项一、CSS编码规范1、单行形式书写风格的排版约束1.1）每一条规则的大括号 { 前后加空格1.2）多个selector共用一个样式集，则多个selector必须写成多行形式1.3）每一条规则结束的大括号 } 前加空格1.4）属性名冒号之前不加空格，冒号之后加空格1.5）每一个属性值后必须添加分号; 并且分号后空格例如：div.test { width: 100px; height: 200px; }a:focus,a:hover { position: relative; right: 1px; }2、多行形式书写风格的排版约束2.1）每一条规则的大括号 { 前添加空格2.2）多个selector共用一个样式集，则多个selector必须写成多行形式2.3）每一条规则结束的大括号} 必须与规则选择器的第一个字符对齐2.4）属性名冒号之前不加空格，冒号之后加空格2.5）属性值之后添加分号;3、其他规范3.1）使用单引号，不允许使用双引号3.2）如果使用CSS3的属性，如果有必要加入浏览器前缀，则按照webkit- / -moz- / -ms- / -o- / std的顺序进行添加，标准属性写在最后，并且属性名称要对齐，例如：div.animation-demo {-webkit-animation: mymove 5s infinite;-moz-animation: mymove 5s infinite;-o-animation: mymove 5s infinite;animation: mymove 5s infinite;}4、命名规则书写规范4.1）规则命名中，一律采用小写加中划线的方式，不允许使用大写字母或 _4.2）命名避免使用中文拼音，应该采用更简明有语义的英文单词进行组合4.3）命名注意缩写，但是不能盲目缩写，具体请参见常用的CSS 命名规则4.4）不允许通过1、2、3等序号进行命名4.5）避免class与id重名4.6）id用于标识模块或页面的某一个父容器区域，名称必须唯一，不要随意新建id4.7）class用于标识某一个类型的对象，命名必须言简意赅。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
HTML基本格式:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
</body>
</html>
注释：/*header start*/
内容区域
/*header end*/
CSS 书写规范
1、用两个空格代替tab键。
2、不要在自闭合的元素尾部添加斜线。
不要省略可选的结束标签。
3、对于属性的定义，确保全部用双引号，不要用单引号。
4、指定HTML的根元素的lang属性。
5、IE通过<meta>指定edge mode。
通知IE采用其所支持的最新模式。
列：<meta http-eqauiv=”x-UA-Compatible”content=”IE=Edge,chrome=1”>
6、必须声明字符编码，一般采用UTF-8。
7、引入CSS与JS时不指定type属性，因为它们都有默认值。
8、属性顺序：
8.1 class
8.2 Id、name
8.3 data-*
8.4 src、for、type、href
8.5 title、alt
8.6 aria-*、role
9、书写顺序：
9.1 位置属性(position,top,right,z-index,display,float 等)
9.2 大小(width,height,padding,margin)
9.3 文字系列(font,line-height,letter-spacing,color-text-algin 等)
9.4 背景(background,border 等)
9.5 其他(animation,transition等)
10、尽量缩写属性。
11、去掉小数点前的“0”。
12、不建议使用下划线，为了和js区分，IE6中无效而且输入的时候少按shift键。
13、不要随意使用id(应按需要使用,而不能滥用)
14、减少标签数量。
15、尽量避免使用js生成标签。
通过js生成的标签让内容变得不易查找,编辑,并且降低性能.
16、对于从逗号分隔的属性值，每个逗号后面都应该插入一个空格（，box_shadow）。
17、不要在rgb( ),rgba( ),hsl( ),hsla( ) 或rect( )值的内容逗号后插入空名(只要逗号,不加空格)。
18、十六进制全部小写（#fff），尽量简写。
19、为选择器中的属性添加双引号（input[type=”text”]）。
20、避免为0值指定单位。
如margin:0;
21、不要用@import ，会增加额外的请求次数。
应用一下代替：
21.1 使用多个<link>
21.2 通过sass或less将多个css文件编译为一个文件.
21.3 通过Rails,Jekyll或其他系统提供过css文件合并功能.
22、媒体查询应放在尽可能相关规则的附近,不要将他们打包放在一个单一的样式文件中.
23、带前缀的属性,通过缩减方式,让每个属性的值在垂直方向对齐.
列: .div{
-webkit-box-shadow:10px 10px 5px #888;
box-shadow:10px 10px 5px #888;
}
24、对于只包含一条声明语句的样式,建议语句放在同一行.
25、将最近的父class或基本(base)class作为新class的前缀.
26、在文件的结尾添加一个空白行。
27、对为选择器分组时，将单独的选择器单独放在一行。
28、选择器的个数尽量不要超过3个。
29、每一条规则的大括号{前后加空格。
30、如果使用CSS3的属性，如果有必要加入浏览器前缀，则按照webkit- / -moz- / -ms- / -o- / std的顺序进行添加，标准属性写在最后，并且属性名称要对齐。
31、命名中尽量使用小写。
32、命名避免使用中文拼音，应该采用更简明有语义的英文单词进行组合。
33、避免class与id重名。
CSS 优先级
1、添加了!important 的属性。
2、Style 属性嵌入。
3、具有一个或多个id选择器。
4、具有一个或多个类，属性或伪类选择器。
5、具有一个或多个元素选择器。
6、通配选择器。
7、优先级由高到低排列的6个位置。
7.1 最高优先级的位置是HTML文档头部的<style>元素。
7.2 style元素中@import语句所导入的样式表。
7.3 <link>元素。
7.4 <link>样式表中的@import语句导入的。
7.5 第五优先级的位置是最终用户附加的样式表。
7.6 最低是浏览器默认样式表。
CSS 文件命名
全局样式：global.css/base.css
字体样式:font.css
专栏:columns.css
主题:themes.css
主要的:master.css
清除浏览器样式:reset.css
清除浏览器部分样式:mormalize.css 框架布局:layout.css 链接样式:link.css 打印样式:print.css 补丁:mend.css
表单:forms.css
模块:module.css] 私有:style.css
CSS class命名
页头:header
页尾:footer
导航:nav
子导航:subnav
面包屑:breadcrumb
返回:back
返回顶部:back-top
图标:icon
滚动:scroll
左中右:left,center,right 标签页:tag
标签内容:tagcontent
当前标签:tagcurrent
当前位置:currentpath 列表:list
图片列表:piclist
提示信息:mes/message 加入:joinus
指南:guild
状态:status
按钮:btn
合作伙伴:partner
友情链接:friendlink
版权:copyright
投票:vote
提交:submit
文本框:textbox
统计:count
更多:extended/more 注释:note
线:line
图片:pic
网站地图:sitemap 整体页面:wrapper/container/page 容器背景:containerbg
内容:content
菜单:menu
菜单内容:menucontent
子菜单:submenu
子菜单内容:submenucontent
登录:login
登录条:loginbar
搜索:search
搜索关键字:keyword
搜索范围:range
标志logo
标题:title
侧栏:sidebar
小技巧:tips
广告:banner
报头:masthead
左浮动图片:leftphoto
右浮动图片:rightphoto
服务:service
服务连接:servicelink
热点:hot
新闻:news
下载download
注册:regsiter
摘要:summary
指南:guild
栏目:column
条目底端:entrybottom
上一页:prev
下一页:next
当前:current
圆角:cor/corner
结果:result
小贴士:tip
插图:illustration
关于我们:about-as
产品:products
功能区:shop(如购物车) 价格:price
示例:example
数字:figure
清单:listing
正文:body
警告:warning
第一节:section-one 导入:lead-in。