HTML源代码布局分析具体教程
HTML网页设计里面要用到的代码很多，下面由小编Q群162542073带领大家熟悉一下这些代码都是做什么的：
1、＜!--页面注解-->
2、＜html>
3、＜head>
4、＜meta http-equiv="Content-Type" content="text/html; charset=gb2312">
5、＜meta http-equiv=“Content-Language” content=zh-cn>
6、＜title>页面标题</title>
7、＜meta name="keywords" content="关键词">
8、＜meta name="description" content="网站描述">
9、＜link href="inc/css.css" type="text/css" rel="stylesheet">
10、＜/head>
11、＜body>
12、＜/div>
13、＜h1>页面内容标题＜/h1>
14、＜h2>页面相关性标题＜/h2>
15、＜h3>标题系列＜/h3>
16、＜h4>标题系列＜/h4>
17、＜h5>标题系列＜/h5>
18、＜h6>标题系列＜/h6>
19、＜img src="xxx.jpg" alt="图片说明">
20、＜a href="/" title="链接说明">锚文本＜/a>
21、＜strong>重点关键词强调＜/strong>
22、＜b>关键词强调＜/b>＜u>关键词强调＜/u>＜i>关键词强调＜/i>
23、＜/div>
25、＜div>
26、版权部分关键词强调
27、＜/div>
28、＜/body>
29、＜/html>
********************************************************
注：在＜body>..＜/body>标签区中的罗列，都是一些基础的HTML标签，这些标签出现的次序是可以变化的。
第1行的＜!--页面注解-->
这个标签是用来做HTML代码注解的，这种形式的注解在浏览器中是不会显示的，而搜索引擎可以读到。所以这个标签有的时候会成为作弊的一种形式，而这种最原始的作弊方式、早被搜索引擎
第4行到第5行＜!--meta标签-->
对于Meta标签来说他包含了很多参考、其中需了解“Content-Type”代表页面编码、“Content-Language”代表页面语言，这是一个很容易被SEO初学者忽悠的标签、一旦设置错误、可能影响搜索引擎对页面的抓取及收录。
第6行＜title>页面标题＜/title> 重点了解
页面标题对搜索引擎排名的优化是非常大的、而在SEO优化过程中、也是重点优化对像之一、尤其是百度对页面标题的评分很高、而标题的书写也直观重要、包括：标题是否完全匹配、是否包含与被包含关键词等
第7行＜meta name="keywords" content="关键词">
关键词标签对于现在的搜索引擎或SEO优化者来说价值越来越低了、以前搜索引擎对关键词标签是很看重了、由于黑帽的手法慢慢体现、一些SEO人员以堆积关键词标签来提升网站排名为目的，导致现在搜索引擎对关键词标签、可以说是忽悠判断，但是个人认为、虽然是被忽悠、但是首页的关键词还是可以手工处理下、至于内页可以忽悠。
第8行＜meta name="description" content="网站描述">
主要在搜索引擎结果中体现，与关键词标签一样、目前不太受搜索引擎看中、但描述标签与关键词标签是有区别的、关键词标签浏览器用户正面是无法看到，但是描述标签一旦被搜索引擎索引、是会体现在搜索引擎结果中、而这个结果是可以直接响影用户点击率、可以说一个好的描述可以为你网站增加很多点击及转化、提示：由于搜索引擎时刻在更新、算法及索引方法也不段在进步、或者说很人性化、所以搜索引擎会根据用户搜索“关键词”去抓取网站描述。所以个人建议、还需要注意首页描述及着陆页描述的书写、其它部分可以使用程序调用、
第13行＜h1>页面内容标题＜/h1>
H1标题、一个代码优化中重点标签，也是搜索引擎定位这个页面主题的依据，如果你的＜h1>标签里没有出现你的页面关键字，那么这是一种很大的损失，这里的权重相对于其它的在<body>区的标签来说更加重要。在代码优化中、它的重要性仅次于＜title>。所以，必需认真对待你的页＜h1>标签的优化，一般推荐使用在文章页面来的文章标题优化。（H1+TITLE 可以说是SEO优化中的致命组合）
第14行到第18行＜h2>页面相关性标题＜/h2>
对比<h1>标签来说、H2标签重要程度相对来说就降底了，一般推荐使用在长尾关键词及相关内容方面，而＜h3>~＜h6>这些标签，重要性是依次递减的，在一个页面的权重越来越低。
第19行＜img src="xxx.jpg" alt="图片说明">
我们知道搜索引擎是不可以抓取图片内容的、那么如何合理的告诉搜索引擎某张图片代表什么了，ALT标签就是告诉搜索引擎图片含义、让搜索引擎更好的理解图片内容。
第20行＜a href="/" title="链接说明">锚文本＜/a>
锚文本、我们称为关键词链接，关键词链接在SEO优化当中是一个非常重要优化对象之一，而锚文本链接又可以扩展，外部链接形式的锚文本及内部链接形式的锚文本。具体对SEO的作用是需要判断链接的形式不同而不同。
第21行＜strong>重点关键词强调＜/strong>
＜strong>标签基实重要性仅次于＜h1>，也是强调一类、包括：＜b>、＜u>、＜i>等标签。而对于搜索引擎来说＜strong>标签的影响要高说＜b>、＜u>、＜i>等
第26行版权部分优化
随着搜索引擎越来越强大、网页底部、版权部分也是SEO优化者需要优化的地方、一般来说底部文件对于程序来说都是全部调用、所以如果能在底部加上一个关键词链接指向网站首页、那么这种内部式全部投票也是一种对首页页面权重的提高。
官网指定学习Q群162542073 更多免费教程，素材，源文件等，请前往www.51rgb.com
YY在线免费课程进行中，
责任声明：本套系列教程视频版权所属51rgbg官网，任何团体和个人未经本网允许不得转载，违者必究。
更多视频教程请前往51rgb官网http://www.51rgb.com
PS 基础学习视频
http://pan.baidu.com/s/1kTmNFbp
AI 基础学习视频
http://pan.baidu.com/s/1ntHlQQ1
DW网页制作 基础学习视频
http://pan.baidu.com/s/1c0vlIQ8
网络营销公开课
http://pan.baidu.com/s/1kTHVR0N
网站网页设计小组
http://www.douban.com/group/520499/
奋斗的新浪博客
http://blog.sina.com.cn/u/1748316330
帆的QQ空间
