静态页编写标准及要求
来源:互联网 发布:python 3.6.0下载安装 编辑:程序博客网 时间:2024/06/16 08:59
一、基本要求:
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)等浏览器。
0 0
- 静态页编写标准及要求
- 日常基本功训练方法及要求与标准。
- Web 标准要求一览表
- 印刷标准光源要求
- andro 需求要求标准
- WEB标准要求
- ABAP代码编写要求
- 专利编写要求
- 文档编写要求
- 按要求编写程序
- C++ 编写DLL 动态及静态调用DLL方法
- 2008课程设计考核标准要求
- PHP-CodeIgniter 2-静态页编写
- SAP ABAP代码编写要求
- 编写Javascript插件的要求
- 一份代码编写标准
- 一份代码编写标准
- flex编写标准
- 通过Df-h发现有个硬盘占用率是100%,但是你在它挂载的分区看du,发现只占用了50%,
- 基于xcodebuild和xcrun的自动化打包
- Spring mvc中@RequestMapping 6个基本用法小结
- HTTPS的工作原理
- Windows程序调试系列: 使用VC++生成调试信息
- 静态页编写标准及要求
- mysql查看session连接数和session状态
- Progressbar 实例
- 图片编辑,涂鸦。仿qq截图
- 流媒体技术:VS2012下RTP开源协议库JRTPLIB 3.9.1编译
- 多个按钮,点击单个按钮更改被点击按钮图片的方法
- 如何实现进程池
- hdu 1255 覆盖的面积
- CSS样式