一、<!doctype html>
这是一种声明，是html5 标准网页声明，意思为文档类型为超文本标记性语言或超文本链接标识语言，此标签可告知浏览器文档使用哪种html 或xhtml 规范。
html5 之前这个标签可以声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的HTML文档。
1、 <!DOCTYPE html>的重要性？
作用：声明文档的解析类型，避免浏览器的怪异模式。
BackCompat: 怪异模式，浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat:标准模式，浏览器使用W3C的标准解析渲染页面。
一句话概括：规定浏览器使用W3C的标准解析渲染页面。
2、使用：<!doctype html>
a、 使用的时候直接在html 页面第一行添加‘<!DOCTYPE html>’ 一行代码就可以了；
b、jsp 的话，添加在<%@page %> 的下一行；
c、 不用区分大小写。
二、SEO的代码优化
SEO优化，主要涉及有标签与网站的结构两个方面。
1、标签
a、Title 标签
搜索引擎抓取Title标签出于两个目的：作为影响网页排名的重要因素和作为搜索结果页面的显示信息。title 标签中的单词最好保持在3到6个左右，最好只包含关键字，但不要全部都是关键词。
b、 Meta Description标签
这是对title 标签的进一步解释，可以说是一句话或者包含十几个单词的短语。
c、 Heading 标签
Heading 标签包括 H1、H2、H3等等，是搜索引擎识别页面信息的重要标记。合理使用H1、H2、H3等不同级别的标签能够使得页面结构更加清晰，有利于搜索引擎的抓取。
d、Strong和B标签
这两种都是给文字加粗的标签，但有一定的区别，B标签就是单纯地将文字加粗，而strong标签不仅是对文字加粗，还告诉搜索引擎这部分比较重要。B标签是一种强调视觉效果。
c、Alt标签
长度不得过长，一般1~5个单词即可。
2、H5结构比较清晰，对搜索引擎抓取比较好。
一段话概括，要有规范的、符合WEB2.0标准编程的代码。这里面就包含了代码压缩，提高打开页面的速度，研发要考虑的；图片alt说明，对用户体验有良好的友好性；标题描述等合理的使用 H、B、I 等标签，合理的展现一个网站良好布局；web2.0标准也规定建议使用div+css的方式来设计网页前端，当然还有flash、JS、Ajax等在网站开发的时候应该快乐用户的网速、使用的浏览器类型，这些东西在程序设计的时候基本上都要考虑的。