一、<!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等在网站开发的时候应该快乐用户的网速、使用的浏览器类型,这些东西在程序设计的时候基本上都要考虑的。