1.HTML基础设施
（1）文件应以<!DOCTYPE.....>首行顶格开始，这句话告诉浏览器这是一个什么文件，我们推荐使用<!DOCTYPE html>。
（2）必须在head元素内部的meta标签内声明文档的字符编码charset, 如：<meta charset="UTF-8">，这句代码告诉浏览器应该此HTML文件使用的字符集是什么，如果不加此行代码，那么在浏览器中可能显示为乱码。
（3） 页面的title是极为重要的不可缺少的一项。
当我们在sublime text编辑器中输入！并按下tab键便得到：
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
2.HTML代码结构和视觉顺序基本保持一致
（1）.按照从上之下，从左到右的视觉顺序书写HTML结构。
（2）.有时候为了便于搜索引擎抓取，我们也会将重要内容在HTML结构顺序上提前，以为搜索引擎抓取网页内容是自上而下的，所以将重要内容在HTML结构顺序上提前可便于抓取重要的内容。
（3）.不要使用table布局，现在基本上被淘汰了，而应该代之以div来布局，方便控制。
3.结构、表现、行为三者分类，避免内联。
（1）.使用link引入外部css文件到head中。注意：一般我们不适用@import来引入外部css文件。两者的区别可以看我的另外一篇博文《添加css的方式：link和@import的区别》。
（2）.使用script将js文件引入，并置于body底部，这时js文件会最后加载，html会最先加载，用户体验会更好。（注意：并不是所有的js文件都要放置于body的底部，如当我们需要使用js文件动态修改meta元素内容时，需要
1）HTML标记是由尖括号包围的关键词。所有标记均以“<”开始，以“>”结束。结束的标记在开始名称前加上斜杠“/”。例如头部标记格式如下所示：<head>……</head>（2）根据标记类型，正确书写标记，单个标记最好在右尖括号前加1个斜杠“/”，如换行标记是单个标记“<br>”，成对标记最好同时输入开始标记和结束标记，以免忘记。
（3）标记可以相互嵌套（也称为包含），但不能交叉。如：
<head><title>……</title></head> <!--这是正确的书写格式-->
<head><style>……</head></style> <!--这是错误的书写格式-->
（4）在HTML代码书写时不区分大小写，如头部标记写成<HEAD>，<head>，<Head>，<HEAd>都可以，但建议在同一个Web开发项目保持一种风格，如统一小写标记名称。
（5）代码中包含任意多的回车符和空格在HTML页面显示时均不起作用。需要时可使用<br />和 来实现换行和插入空格。为了代码清晰，建议不同的标记都独占一行。
（6）给标记设置属性时，属性值建议用双引号标注起来。如段落内容居中格式如下所示：<p align="center">这是段落信息居中显示</p>
（7）书写开始与结束标记时，在左尖括号与标记名或与斜杠“/”之间不能留有多余空格，否则浏览器不能识别该标记，导致错误标记直接显示在页面上，影响页面美观效果。例如：
< comment>显示一个段落< /comment>
（8）编写HTML代码时，应该使用锯齿结构，即向右缩进2~4个字符，使代码结构清晰，提高代码的可读性，为后期阅读和维护提供帮助。
整体结构
【页面头部】
1、文件应以“<!DOCTYPE ......>”首行顶格开始，推荐使用“<!DOCTYPE html>”
<!DOCTYPE html>
2、必须声明文档的编码charset，且与文件本身编码保持一致，指定字符编码的 meta 必须是 head 的第一个直接子元素。推荐使用UTF-8编码<meta charset="utf-8">
（1）网页显示字符集
（2）可选标签
公司的版权注释
网页制作者信息
网站简介
设定网页的到期时间，一旦网页过期，必须到服务器上重新调阅
禁止浏览器从本地机缓存中调阅内容
用来防止别人在框架中调用你的页面
自动跳转
网页搜索机器人向导，用来告诉机器人哪些页面需要搜索，哪些页 面不需要搜索
收藏夹图标
3、根据页面内容和需求填写适当的keywords和description
4、页面title是不可缺少的一项，title 必须作为 head 的直接子元素，并紧随 charset 声明之后
