概述
一、基本要求：
1
、网页代码的编写按
W3C
标准编写。
2
、
CSS
不能分散在
HTML
标记里，要封装到外部调用文件。
如果
CSS
出现在
HTML
标记里，搜索引擎爬虫就要分散注意力去关注这些对优化没有任何意义的东西，所以要封装到专用
CSS
文件中。（
通过外部链接：
<link href=" style/index.css" rel="stylesheet" type="text/css" />
）
二、网页布局：
1
、采用
div+css
布局。
2
、头部，主体，底部，头部和底部为共公调用。
3、整体布局：
<div id="header" >```
头部```</div>
<div id="main" >`````
主体```</div>
<div id="footer" >```
底部```</div>
4、主体框架布局：
<div id="main" >
<div class="mainbody">
<div class="news">
````````
新闻模块内容``````````
</div>
·
<div class="product">
````````
产品模块内容````````
</div>
<div>
<div class="mainbody case">
````````
案例模块内容````````
</div>
</div>
4、模块布局：
<div class="news">
<div class="title">
<h2>
新闻</h2><span><a href="#">更多</a></span>
</div>
<ul>
<li><a href="#">
列表标题
</a><span>05-08<span></li>
````````````````````````````````````````````
</ul>
</div>
5、尽量不使用表格布局
，因为搜索引擎对表格布局嵌套
3
层以内的内容懒的去抓取。搜索引擎爬虫
有时候也是比较懒的，要保持代码和内容在
3
层以内。
三、具体要求
1、编码必需统一采用UTF—8（网页文件和样式文件）注
2
、页面编写出来的浏览效果要与效果图一致，如效果图有不合理的地方，程序员应及时与管理者联系，取得同意后，再操作。
（注：效果图有时会有不合理的地方，程序员如有发现，希望及时与管理者交流，避免从新操作，谢谢！）
3
、尽量少用
JS
，
JS
代码尽可能用外部调用文件封装。搜索引擎不喜欢
JS
，影响网站的友好度指数。
4
、网站样式文件要分开，头部、底部、客服等为公共样式，放在
global.css
文件中，首页主体样式放在
index.css
中，内页主体样式放在
layout.css
中，
5
、站点文件：
主站：zhouyizhi
根目录：
1
、模板文件
（如：
index.html
、
product.html
、
list_news.html
）
2
、
JS
文件夹
(
主要存放
JS
文件，文命名：
js
)
3
、图片文件夹
(
主要存放图片文件
,
文命名：
images
)
4
、样式文件夹
(
主要存放样式文件，文命名：
style
;
主要有以下文件：
1
、公共调用，头部，底部样式：
global.css
2
、首页主体（
main
）样式：
index.css
3
、内页主体
(main)
样式：
layout.css
)
6
、标题采用
h1
、
h2
、
h3
、
h4
、
h5……
标签，一个页面里
h1
只出现一次，二级栏目使用
H2
，让搜索引擎能够分辨清晰网页那一块很重要，那一块次之。这会让
SEO
优化工作效率提高很多。
7
、网页中样式标签命名采用英文，根据相应该的栏目，翻译成英文，不能随意写。如：新闻资讯（
news
）、标题（
title
）、案例（
case
）
8
、栏目内容采用
ul li
去调用循环。
9
、网页里，所有图片，必须在
CSS
文件中定义高宽度，如果不写，调用程序后，页面会变形。产品宽高一般比例为
4
：
3
格式。
10、幻灯片功能是否实现，有无兼容性问题及展示效果是否合理、美观。
11、各功能模块能功是否实现，模块间是否有冲突。
12、每个模块有独立的样式控制，不同模块间，不应采用公共样式，不然后期不好维护。
13、栏目标题要用文字去写，除图片效果、复杂的背景外，可以用图片，其它的都要直接用文字去写，而不是用图片，（如：产品分类，公司简介等）
14、页面中表单，不能使用表格去布局，还是采用DIV+CSS去控制，一般没有特殊性情况，网页中不出现表格。
15
、检查每个标签是否闭合。
16、检查网页的兼容性，必需兼容（
IE6
、
IE7
、
IE8
、
IE9
、火狐、
Google
、
360）等浏览器。
最后
以上就是踏实猎豹为你收集整理的静态页编写标准及要求的全部内容，希望文章能够帮你解决静态页编写标准及要求所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复