想要成为一个真正的SEO高手，必须要熟悉代码，SEO不能仅仅是每天发布文章和外链，还应该知道一个网站的来龙去脉，要完成SEO工作，不仅要和UI设计人员、文案策划人员、推广人员沟通，还要和程序开发人员沟通，从前期的网站建设到后期的网站持续更新和维护都离不开优化人员，所以SEO更像一个管理岗位，你可以不懂开发，但最简单的HTML代码一定要会看，不然优化沟通无从谈起，前面我们已经系统的学习了SEO基础知识篇，今天继续学习SEO进阶篇内容：代码篇。先来看一个静态网页一般呈现的后台代码是怎样的：
<html> <head> <title>网页标题</title> </head> <body> 正文内容 </body> </html>
以上框架包含就是一个html页面最基本的元素，外面是最大的<html>标签，以</html>结尾；下来就是头部<head>，也是</head>结尾，头部一般都用来定义页面的一些属性，比如<meta>等；<title>是用来放页面标题的，而<body>标签是网页正文内容的显示区域，包括文章标题、文章正文等等。但是将以上代码用浏览器显示的时候还是乱码，因为我们的头部文件的属性并未完整，但是对于初学者来说，要自己写头部文件是非常困难的，所以我们可以参考别人的网站的头部文件，其实一般都是通用的，方法是用浏览器打开一个简单的页面，比如说http://www.zhanzhangbaishi.com/SEOjc/seojichuzhishi.html ，在页面空白处点击右键，选择“查看页面源代码”，我们会发现在代码页面的顶部还有一段灰色的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " R/xhtml1/DTD/xhtml1-transitional.dtd">
这段代码我们不需深究，只需要知道这是一个声明文件就ok了，相当于是告诉浏览器此页面的使用哪种类型的规范（html或者Xhtml），而接下来的代码：
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN">
<head>
<base target="_blank"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Language" content="zh-CN" />
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
<meta name="Keywords" content="SEO基础知识" />
<meta name="description" content="">
<meta name="author" content="" />
<title>SEO基础篇—SEO基础知识问题与答案系统集锦本-站长百事</title>
<link rel="stylesheet" rev="stylesheet" href="/a.css" type="text/css" />
<link rel="alternate" type="application/rss+xml" href="" title=""/>
<link rel="canonical" href=""/>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<script src="/common.js" type="text/javascript"></script>
<script src="/c_html_js_add.asp" type="text/javascript"></script>
这段代码我们只需要知道lang="zh-CN" 表示的是此网页的字体是：中文简体，而第一个<meta>属性里面定义的是网页的文档类型content-type，类型是"text/html"，所用的编码是utf-8，如果这个页面类型是js的话，类型就变成了"text/javascript"，而编码除了utf-8常见的还有gb2312。
第二个<meta>定义的是网页语言：中文简体，第三个<meta>是为了浏览器的兼容性所设置的兼容属性，第四个<meta>里是meta属性语言里的第二个属性name，也是我们做SEO优化首先要碰到的网页关键词(keywords)和描述(description)，填写在content后面的双引号里。
再下来的meta是定义网页的作者（author），然后就是<link>标签，第一个link是用来调用网页所使用的css定义文件，其他的link先不看，我们来看看这一行：
<link rel="shortcut icon" type="image/x-icon"href="/favicon.ico" />
这一行里面的是我们网页的logo标志的定义，具体的体现就是有这个<link>属性我们网站的每一个网页都会显示logo，否则都是显示空白的，如下图：
我们可以发现百度的每一个网页都有红圈里的标志，这个文件就是fanvicon.ico，在新建的网站当中一般这个文件都是网站开发商默认自带的或者是空白，在优化时一定要改，否则等于免费替别人宣传，我们只要将自己的fanvicon.ico文件替换后台中对应的文件即可，关于制作fanvicon.ico文件将在后面的文章中继续讲解。
头部文件基本的要点讲完了，里面的<script>标签一般是用来运行动态js程序或者套用js文件的，这里知道就可以了，下一篇文章我们会讲解<body></body>标签中常见的<div>、<p>、<H>等标签的认识和应用，和常见的CSS属性定义方法、class又是怎么来调用的。下一篇更精彩！跟着我们学，相信你很快就学会了，代码其实一点也不难学会，只是你还没遇到好的老师。
