<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这段代码在整个代码的开头，DOCTYPE像浏览器申明HTML的版本，各个版本的语法略有不同，html5写法最简洁，标签也可以不闭合，但是版本混用会造成乱码的情况。
我们就拿这个XHTML1.0版本介绍DOCTYPE下面是声明空间和字符编码 浏览器 <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-CN" xml:lang="zh-CN">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />而这些代码HTML5是简化的没有的，建议初学者先学习下HTML版本的写法，HTML版本越早写法越复杂。
下面是SEO最重要的三行代码分别是title description keywords我们看下列子
<meta name="keywords" content="高速公路防护栏,波型钢护栏,波纹防护栏,乡村公路安全防护栏,农村公路防护栏," />
<meta name="description" content="贵州科阳之星金属制品有限公司是专业生产高速公路防护栏,波型钢护栏,波纹防护栏,乡村公路安全防护栏,农村公路防护栏,隔音屏,护栏网,交通设施产品厂家," />
<title>高速公路防护栏_波纹型钢防护栏_乡农村公路安全防护栏 _ </title>
这篇列子没有写robots这个也是SEO需要会的关键因素<meta name="robots" content=“all”>小编这个也的意思是允许百度蜘蛛爬取所有的内容，robots是声明允许蜘蛛爬取的内容和不能爬取的内容。
小编这边删掉了列子公司的信息，<meta name="keywords"content=声明的是keywords这个值后面就是公司做的关键词，同理description也是一样，二级站那种的值是空值，tltle是网站的标题，简称TDK，很多新手一开始不知道TDK是什么。
列子的后面是link key="resetcommon" href="/twcms/view/default/css/resetcommon.css" rel="stylesheet" type="text/css" />CSS的外部样式表，小编就不一一讲解了。
<b><strong>这两组html标签在 视觉效果上都是让文字加粗，都有强调的作用，它会告诉用户和搜索引擎，这部分内容在本页面是很重要的。
这里img.src是图片来源alt是百度爬虫看不到你图片的内容alt是注明图片的内容title是标题<img src="http://img.studyofnet.com/twcms/view/default/images/erweima.jpg" alt="手机网站" title="手机网站"
还有nofollow标签，表示不可信赖的内容和付费链接，按优先级别进行抓取。Nofollow”向网站站长提供了一种方式，即告诉白帽手法搜索引擎“不要追踪此网页上的链接”或“不要追踪此特定链接”。
这里我们要注意它的两个属性，一个<target>，它决定了链接以何种方式打开，一般站内链接会被定义为在当前页面打开，外部链接被定义为在新窗口中打开。
这篇SEO需要会的内容就讲到这里，明天更新整个网站的前端代码详解，大家不见不散哦！
,
