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

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; )

  

时间: 2024-12-11 20:51:48

WEB标准一:标准定义、好处、名词解释、常用术语、命名习惯的相关文章

项目各阶段定义及名词解释

一款硬件产品,例如PC.手机或其他的智能硬件产品,从项目立案到产品研发.实施生产,均要经过一个流程.这流程可以细分为很多小的项目阶段,每个小阶段又都有各自达成目的.使产品研发更加具体,项目管控更加容易,清晰明了. 具体的各阶段名词,各家公司均有自己的名称及定义,但万变不离其衷,均可以分类为下图几个阶段(ET.SDV.SIT.SVT.PP.MP),各公司根据自己的项目,会适当的增加或减少项目各阶段. 下面对这些名词进行简单的解释 EDV(Engineering  Validation Test)工

Eclipse中创建标准web工程以及标准目录结构说明

最近公司有个Web项目,项目结构如下: 虽然运行没有错,但是实在是别扭,标准的web应用一般不采用这种结构: 因此总结一下:     1.如何在Eclipse中创建一个标准的Web应用.     2.标准Web应用推荐的目录结构.   第一:如何在Eclipse中创建一个标准的web应用:(假设项目名称为:myweb) 1) PS:projectname一般全小写字母,最好不要出现数字和大写字母. 2) PS:default output flolder要根据project_name修改. 3)

seajs2.3学习日志 简单尝试模板+数据合并、模块异步加载、非标准CMD模式定义define模块

今天继续尝试seajs 2.3的版本,那做点什么demo好呢,就来一个简单是数据模板吧,然后通过其他一些细节深入学习 先看看目录结构,按照官方demo架设 index.html只是简单入口文件和seajs的配置项,最下面有一个seajs.use加载crontroller模块,然后回调暴露的combine方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

JavaSE--【转】网络安全之证书、密钥、密钥库等名词解释

转载:http://www.cnblogs.com/alanfang/p/5600449.html 那些证书相关的名词解释(SSL,X.509,PEM,DER,CRT,CER,KEY,CSR,P12等) : http://www.360doc.com/content/15/0520/10/21412_471902987.shtmlKeystore介绍:http://blog.csdn.net/yangtao6888/article/details/796124使用CryptoAPI解析X509证

网络安全之证书、密钥、密钥库等名词解释

那些证书相关的名词解释(SSL,X.509,PEM,DER,CRT,CER,KEY,CSR,P12等) : http://www.360doc.com/content/15/0520/10/21412_471902987.shtmlKeystore介绍:http://blog.csdn.net/yangtao6888/article/details/796124 SSL SSL - Secure Sockets Layer,现在应该叫"TLS",但由于习惯问题,我们还是叫"S

随笔11 J2EE中常用的名词解释

J2EE中常用的名词解释 ① web容器:给处于其中的应用程序组件(JSP,SERVLET)提供一个环境,使JSP,SERVLET直接和容器中的环境变量接口交互,不必关注其它系统问题.主要由WEB服务器来实现.例如:TOMCAT,WEBLOGIC,WEBSPHERE等.该容器提供的接口严格遵守J2EE规范中的WEB APPLICATION 标准.我们把遵守以上标准的WEB服务器就叫做J2EE中的WEB容器. ② Web container:实现J2EE体系结构中Web组件协议的容器.这个协议规定

常见互联网名词解释

职称 CEO:Chief Executive Officer「首席执行官」 CTO:Chief Technology Officer「首席技术官」 COO:Chief Operations Officer「首席运营官」 PM:Product Manager「产品经理」或 Project Manager 「项目经理」 OD:Operations Director「运营总监」 OP:Operations 「技术运维」 DE:Developmental Enginer「开发工程师」 HE:Hardwa

计算机名词解释

目录 CGI--URL-- —————————————————————分割线——————————————————————— CGI—— 通用网关接口(Common Gateway Interface/CGI)是一种重要的互联网技术,可以让一个客户端,从网页浏览器向执行在网络服务器上的程序请求数据.CGI描述了客户端和服务器程序之间传输数据的一种标准. URL—— 统一资源定位符(Uniform Resource Locator)是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联

常用会计科目名词解释

常用会计科目名词解释 1.库存现金是指单位为了满足经营过程中零星支付需要而保留的现金,对库存现金进行监督盘点,可以确定库存现金的真实存在性和库存现金管理的有效性,对于评价企业的内控制度将起到积极作用. 2.银行存款是指企业存放在银行和其他金融机构的货币资金.按照国家现金管理和结算制度的规定,每个企业都要在银行开立账户,称为结算户存款,用来办理存款.取款和转账结算. 3.交易性金融资产是指:企业为了近期内出售而持有的金融资产.通常情况以赚取差价为目的从二级市场购入的股票.债券和基金等,应分类为交易