WEB标准一：标准定义好处名词解释常用术语命名习惯

Posted 2020-06-17

1. WEB标准是什么？

    “WEB标准”是一系列标准的总称。一般的误区经常把WEB标准说成DIV+CSS。准确的说法应该是：采用W3C推荐的WEB标准中的Xhtml1.1结合CSS2.0 样式表制作页面的方法。DIV 应该指的是XHTML标签，而CSS 指的是样式表。

 

2. 采用WEB标准开发的好处

　　2.1 节约运营成本

　   2.2 用户友好性

　　2.3 内容跨平台的可用性

　　2.4 加快页面解析速度

　　2.5 更良好的用户体验

 

3. 名词解释

　　1. 横切

　　　　页面中950px宽并且对高度没有限制的容器称为一个标准横切。

　　2. 留白

　　　　两个容器或碎片之间的上、下、左、右的空白距离。

　　3. 继承

　　　　元素可以从其父级元素中获得一些可为自己使用的属性或值。

　　4. 图片定位

　　　　把图片元素放置到一个静态的、相对的、绝对的、或固定的位置中，利用CSS中对图片进行遮罩属性，多用于页面中的修饰图。

　　5. 底图

　　　　页面中在标签中使用的背景图。

　　6. 齐底（图）线

　　　　用户区分横切或碎片结束的线或图。

　　7. 页面结构

　　　　页面的基础框架，由横切、布局元素组成。

　　8. 焦点区（图）

　　　　最易注意的区域。

　　9. 导航

　　　　在页面中具有导向性的链接集合。

　　10. 头图

　　　　页面主题图片。

　　11. 间距

　　　　碎片或文字间的距离。

　　12. 行高

　　　　文字段落中行与行之间的距离。

　　13. 首行缩进

　　　　文字段落首行缩进。

　　14. 浮动

　　　　使被定义的区域脱离正常的页面文档流。

　　15. 碎片

　　　　由文字、图片组合成的内容区域。

　　16. 通栏广告

　　　　与页面内容区同宽的广告区域。

　　17. 功能按钮

　　　　具有交互属性的功能按钮。

　　18. 私有样式

　　　　当前页面独立使用的样式，不具备公用性。

　　19. 水平（垂直）居中

　　　　在页面中的某个元素处于父级的上下或左右的相同距离。

　　20. 标准头（尾）

　　　　定义相同的页面头或尾元素集合。

 

4. 常用技术术语

　　1. 浮动： float

　　2. 宽： width

　　3. 高： height

　　4. 块元素： block

　　5. 背景： background

　　6. 无序列表：ul

　　7. 链接： a

　　8. 表单： form

　　9. 图片： img

　　10. 段落： p

　　11. 文档类型定义： DTD

　　12. 字体： font-family

　　13. 字号： font-size

　　14. 边框： border

　　15. 文字对齐： text-align

　　16. 行高： line-height

　　17. 字色： color

　　18. 背景不循环： no-repeat

　　19. 内边距： padding

　　20. 外间距： margin

　　21. 显示方式： display

　　22. 悬停： hover

　　23. 文字修饰： text-decoration

　　24. 上： up

　　25. 底： bottom

　　26. 左： left

　　27. 右： right

　　28. 自动： auto

　　29. 粗体： bold

　　30. 正常： normal

 

5. 一些约定

　　良好的命名习惯，对一个WEB标准网站的开发来说，必定事半功倍。以下是常用的一些命名习惯：

　　1. 样式名称首字母统一为小写字母，不能为数字，下划线及特殊字符；

　　2. 样式名尽量语义化或简写；

　　3. 样式名需要组合拼写时，采用驼峰式拼写，即：KeyWord；

　　4. 使用px（像素）为基本计量单位；

　　5. 页面中空格的使用：全角：中文空格  半角：  

　　6. 项目完成包中，文件及及文件名称全部采用小写字母，不使用中文文件名；

　　7. 减少DIV的嵌套层数；

　　8. 给重要图片加上alt属性；给重要的元素和截断的元素加上title；

　　9. 使用正确的注释方法；

　　10. 非特殊情况下要求表现和内容分离，代码中不要涉及任何表现的元素，如:style,font等；

　　11. 双标记签都要有开始和结束标签，单标记标签的后面一定要加”/“ ，如<br/>， 并且有正确的层次；

　　12. 其它特殊符号：

　　　　1） < ( &lt; )

　　　　2)  > ( &gt; )