认识网页代码

html代码

<h>标签

介绍：<h>标签是用来定义标题表示强调的一种标签，有<h1>到<h6>6种不同的级别，用来呈现页面的内容的层级。

<h>标签

seo作用：

<h1>标签和<h2>标签能很好的突出显示页面重要标题（标题含关键词）。

有助于关键词的排名提升。

注：<h>标签是网站中表示着重强调的最重要的标签之一。

<h>标签：

为了突出目标关键词，在使用h标签时应该注意：

<h1>标签和<h2>标签不能同时使用。

<h1>标签和<h2>标签在使用的时候建议包含关键词。

<h1>标签和<h2>标签在使用的时候建议只出现一次。

<h3>、<h4>、<h5>标签seo作用较小，建议不要乱用。

<h6>可以用在首页友情链接处，以降低友情链接对页面目标关键词的影响。

<strong>标签

介绍：<strong>标签表示强调的作用，有加强语气的意思，在浏览器中表现为加粗显示。

作用：加强语气突出标签内文本内容。

seo作用：在页面内突出关键词。

有助于关键词的排名提升。

注意事项：页面内不要有大量的加粗文字。

页面内非关键词文本少用此标签。

一般网站标题都需要用此标签。

常用来标注文章小标题。

<b>标签

介绍：<b>标签用来加粗显示页面内容。

作用：标签内文本呈现粗体显示效果。

<b>标签和<strong>标签的区别：

相同点：都显示为加粗效果。

不同点：b标签只是物理性质的加粗。

<strong>标签是语义的强调。

结论：建议选择<strong>标签。

a标签中的title属性

介绍：为链接添加描述性文字。

作用：鼠标悬停在超链接上，显示该超链接的文字注释。

seo作用：增强页面和关键词的相关度。可以用来调整关键词密度。

注意事项：title属性属于非必需属性（可以不用添加）。

调整关键词密度的时候可以考虑。

浏览器不同有不同的显示效果。

<img>标签中的alt属性

介绍：<img>标签是调用图片信息的，而alt属性是一个必需属性（一定要有），它规定在图像无法显示时的替代文本。

作用：在图片无法显示的或者鼠标悬停的时候可以显示文字注释。

SEO作用：让百度更好的识别图片信息，从而使图片有收录和排名。

可以用来调整关键词的密度，从而免收搜索引擎处罚。

注意事项：alt描述要和图片内容相符。alt描述控制在100字符内。

<iframe>标签

介绍：<iframe>标签会创建包含另外一个文档的内联框架（行内框架）。

作用：页面内加载其他页面及资源。

SEO作用：<iframe>标签内的链接会被百度蜘蛛忽略。

注意事项：尽量减少<iframe>标签的使用。

百度蜘蛛对采用太多<iframe>标签的网页不太友好。

js代码

js代码的定义和作用：

JavaScript简称js是一门面向对象的编程语言，用来开发网页，js可以直接写在网页内，也可以写在网页外调用。

js代码优化注意事项：

采取调用的形式来实现js功能。

尽量减少js的数量和体积，防止网页加载时间过长。

百度搜索引擎对js还不能完全识别。

重要链接请不要加载js内。

css代码

css代码的定义：

css（cascading style sheet）层叠样式表也叫级联样式表或者风格样式表，它是用来进行网页风格设计的，使页面内容呈现出丰富多样漂亮的效果，利于阅读，现在css2还在使用，css3是目前最新版本，css可以直接写在网页内，也可以写在网页外调用。

css代码在SEO中的作用：

css可以突出显示关键词，从而增加关键词和页面的相关度，利于提高搜索排名。

如：定义文本的颜色、大小、粗体显示等。

css代码优化注意事项：

采取调用的形式来实现css功能。

尽量减少css的数量和体积，防止网页的加载时间过长。

注：css一般在团队里是由前端设计人员负责。