HTML/CSS前端开发代码规范参考

0

前端开发代码规范参考

代码规范 阅读:1450 时间:2017年01月07日

某世界500强的企业WEB前端部门对前端开发工程师的开发代码规范,给大家做为参考。...

a)统一使用FW切图(暂不统一要求)

b)图片颜色大于256色时使用JPG,否则使用GIF(精确色彩)

c)图片输出质量大于90%

d)图片说明alt=””

e)图片大小必写 width=”” height=””

f)链接标题title=””

g)链接打开方式,导航栏、栏目链接(本窗口打开)外全部使用新窗口打开

h)文章标题必须使用h1(所有页面都必须把标题用h1~hN显示)

i)栏目标题用图片的,必须能在代码里找到相关的文字

j)Meta里必须有关键词和描述

k)文章页,行距、段落距离、段落缩进2em、文章内链颜色与下划线(与设计相关)

l)所有链接必须有A:hover

m)<meta http-equiv="x-ua-compatible" content="ie=7">必须加上

n)文章列表为更多,简介类为详细

o)一些表现类的(例如:更多>>)使用ascii转码

p)列表文章前面的点,都为背景图片

q)列表文章标题不限字数,使用溢出隐藏方式

r)文章时间使用yyyy-mm-dd格式

s)文章标题 时间,代码里必须标题在前面

t)一律不得使用类似<div class=”clear”></div>无实际意义的div代码

u)测试链接不再使用#,而是使用./(避免忘换链接时,用户点击造成不好的体验)

v)广告位置内容必须有链接,哪怕是链接到首页

w)栏目板块标题必须得有链接

x)A标签里面必须得有文字或带说明的图片(即为有意义的链接),

y)分页(与设计相关)参考nkask.com里的分页(包括代码)

z)文章缩略图、标题必须得有链接(现在很多专家的板块没有)

1.文件扩展名用shtml,利用服务器端技术,比如:包含等。

2.广告用js调用

3.页面背景“首先”是白色。

4.导航左对齐,不一定平均分,尤其是栏目比较少的时候。

活动页面图片较大,不要在外部设统一DIV居中,给里面的小DIV加居中


发表评论说说你的看法吧

精品模板蓝瞳原创精品网站模板

^