网页制作应当遵守的一些规范.doc

1.1网页基本设计要求（网站建设尺寸规范） 网站的页面分辨率要保证页面在1024*768分辨率下没有横向滚动条。 1.2 HTML文件结构 HTML结构参考： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / title/title meta / /head body /body /html 页面内参考以下原则： （1）静态页面XHTML代码应采用自动缩进的形式编写，这样代码层次结构清晰。 （2）页面一律采用UTF-8编码，避免因编码不一致而导致页面乱码。 （3）非特殊情况下必须把CSS外部链接放到页面的顶部（head… / head标签之间）。 （4）非特殊情况下必须把JS代码或外部链接放到页面的底部（/ body标签之后），工具类JS嵌入的JS文件除外。 （5）书写链接地址时，必须避免重定向，例如：href=/ ,即须在URL地址后面加上“/”。 （6）在页面中尽量避免使用XHTML标签的样式属性,即style=…。 （7）应给每个页面的TITLE进行命名，所有中文页面TITLE设置为本页面的内容描述 （8）尽量减少DIV的嵌套层数。 （9）统一域名下的项目页面链接使用相对路径。 （10）给区块代码和套程序的循环的第一条数据加上注释。 （11）每个页面必须宣告使用哪一种DTD，目前非特殊情况下我们采用XHTML 1.0 Transitional DTD (一般为：!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml) （12）所有XHTML代码必须全部小写。 （13）XHTML标签的属性值必须用双引号（””）括起来,并且一定要有值,不能简写缩写。 （14）双标记签都要有开始和结束标签，单标记标签的后面一定要加“/”,例如：br /等，并且有正确的层次。 （15）非特殊情况下要求表现和内容分离，代码中不要涉及任何表现的元素，例如：style、font等。 （16）id属性，同一页面不要重复使用同一id。 （17）给重要图片加上alt属性；给重要的元素和截断的元素加上title。 （18）行距建议用百分比来定义，常用的行距的值是line-height: 150%。 （19）表格的嵌套尽量控制在三层以内。 （20）为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用br /来人工干预分段。 （21）网页的所有文件大小的总和，包括HTML文件和所有的嵌入的对象，非必须情况下请保持在34K以下。 （22）为了保证浏览器的兼容性，必须设置页面背景body bgcolor=#FFFFFF。 （23）超过三屏的内容，应在头部设提纲，直接链接到文内锚点 。 1.3 CSS结构 对于每个项目的CSS开发必须采用分层的设计思想，主要为三个大的层次：全局样式、通用元素和结构布局、具体的块状表现区域。对于层次的划分再做一次扩充： 前端固定结构内可进一步细分到：导航系统（包括：菜单，导航，面包屑，站点地图），辅助系统（提示，指南，FAQ），全局通用性功能模块（有哪些信誉好的足球投注网站功能块，登入/登出功能块）。 CSS结构参考以下设计： 常用CSS类/ID名参考： （1）页面结构 　　容器: container 　　页头：header 　　内容：content/container 　　页面主体：main 　　页尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right center （2）导航 　　导航：nav 　　主导航：mainbav 　　子导航：subnav 　　顶导航：topnav 　　边导航：sidebar 　　左导航：leftsidebar 　　右导航：rightsidebar 　　菜单：menu 　　子菜单：submenu 　　标题: title 　　摘要: summary （3）功能 　　标志：logo 　　广告：banner 　　登录：login 　　登录条：loginbar 　　注册：regsiter 　　有哪些信誉好的足球投注网站：searc