Web前端开发规范：HTML书写规范

1.header区域编写规范

1.1必须加入的标签

关键字标签

<meta name="keywords" content="web前端开发，PHP编程">

外部CSS样式

<link rel="stylesheet" href="css/main.css" type="text/css">

网页显示字符集

<!--html5格式-->
<meta charset="UTF-8">

<!--简体中文-->
<meta http-equiv="content-type" content="text/css;charset=gb2312">

<!--繁体中文-->
<meta http-equiv="content-type" content="text/css;charset=gbk">

<!--英文-->
<meta http-equiv="content-type" content="text/css;charset=utf-8">

网页标题

<title>麦子学院</tilte>

1.2可选标签

公司的版权注释

<!--the site is designed by Bob at 2016.9.24-->

网页制作者信息

<meta name="author" content="123456@qq.com">

网站简介

<meta name="description" content="麦子学院创立于xxx年，学院开设了xxx课程,老师拥有x年的教学经历">

设定网页的到期时间，一旦网页过期，必须到服务器上重新调阅

<meta http-equiv="expires" content="Wed,26 Feb 2017 08:24:00 GMT">

禁止浏览器从本地机缓存中调阅内容

<meta http-equiv="pragma" content="no-cache">

用来防止别人在框架中调用你的页面

<meta http-equiv="Window-target" content="_top">

自动跳转

<meta http-equiv="refresh" content="5;url=http://www.baidu.com">

网页搜索机器人向导，用来告诉机器人哪些页面需要搜索，哪些页 面不需要搜索

<meta name="robots" content="none">

收藏夹图标

<link rel="Shortcut Icon" href="favicon.icon">

所有的javascript尽量采用外部调用

2.字体规范

在设置字体样式时，如字体大小，行间距等，推荐使用CSS样式，禁止在页面中出现

<font size='4'></font>

之类的标签

字体：在网页中中文应首选宋体。英文和数字首选verdana和arial两种字体。一般使用中文宋体的9pt和11pt或12px和14.7px，这是经过优化的字体，黑体字或宋体字加粗时，一般选用11pt和14.7pt的字号比较合适。

为了最大程度发挥浏览器自动排版的功能，在一段完整的文本中尽量少使用

<br/>

标签

不同语种的文字之间应该有一个半角空格，汉子之间的标点用全角标点，英文字母和数字周围的括号使用半角括号

尽量在网页中少使用多余一个的连续空格。（英文字符集下，全角空格会变成乱码）。空白应尽量使用text-indent, padding, margin, hspace, vspace 以及透明的gif图片来实现

行距建议采用百分比来实现，常用的有120%和150%

中文排版中首行缩进的处理。不要直接打两个空格，建议使用

p{
text-indent:2em;
}