本文作者:心月

SEO优化不可不知的html网页标签

心月IT博客 2016-02-04
摘要:虽让网络优化不需要你可以通过代码设计出一个网页,但至少要能够看懂代码,会一些简单的代码,下面就跟大家分享下做为一名SEO优化员必须要懂的基础代码:

虽让网络优化不需要你可以通过代码设计出一个网页,但至少要能够看懂代码,会一些简单的代码,下面就跟大家分享下做为一名SEO优化员必须要懂的基础代码:


 1、font标签:定义文字属性

<font align="center" color="red" face="黑体" size="5">心月SEO</font>加粗
表示修饰字体;
color="red"表示文字颜色;
size="5"表示文字大小;
face="楷体"表示文字字体;
align="center"文字对齐方式(left:左对齐;right:右对齐;center:居中对齐)

 2、img标签:定义图片属性
<img alt="百度logo" src="baidu_sylogo1.gif" />
src="baidu_sylogo1.gif"表示图片地址,插入图片的地址有两种表示方法:一种是绝对路径;一种是相对路径;当图片和网站在同一个服务器内可以使用相对路径来表示图片所在的位置;当图片和网站不在同一个服务去的时候必须使用绝对路径表示插入图片所在的位置;
图片优化的时候需要填写alt属性,直接的图片搜索引擎是识别不了的,通过alt属性可以告诉搜索引擎这张图片的内容,另外,当网速较慢,图片不能显示出来的时候可以显示出alt属性告诉浏览者这个地方的内容是什么;

 3、a标签:超链接属性
使用a标签可以给某一段文字加上一个超级链接:
<a href="http://www.baidu.com">百度</a>

 4、html基本框架:

<title></title>
<meta content="" name="keywords" />
<meta content="" name="description" />

页面描述,概括页面主要内容
正文内容:我们浏览一个网页所看到的内容都在里面;
 
在基本框架中
其中,title、keywords、description网页优化必知的三大标签,是优化的重中之重;

 5、hr标签:标尺线

<hr align="left" color="red" size="5" width="900" />
<hr align="right" color="blue" size="5" width="80%" />


width:宽度
color:颜色
size:粗细
align:center  left  right
900表示900像素,是绝对的,不管屏幕大小事多少
80%表示相对值,相对于屏幕占80%,屏幕缩小了,线的宽度就会发生变化

 6、br标签:

br是换行标签,一行文字太长了,想让它分两行或多行显示,在想断行的地方加上
标签,它后面的内容就会在下一行显示了;
 
7、P标签:段落属性

<p></p>里面的内容独立成段;段前段后空一行

8、H标签:定义标题属性,到h6标签重要程度逐级下降,字号大小也逐级减小:

<h1>广州SEO,心月SEO技术分享博客</h1>

<h2>广州SEO,心月SEO技术分享博客</h2>

<h3>广州SEO,心月SEO技术分享博客</h3>

<h4>广州SEO,心月SEO技术分享博客</h4>

<h5>广州SEO,心月SEO技术分享博客</h5>

<h6>广州SEO,心月SEO技术分享博客</h6>

 9、文字的其他属性:
<em></em>:文字倾斜
<u></u>:文字下划线
<sup></sup>:文字上标属性
<sub></sub>:文字下标属性
<
strike></strike>:删除线

文章版权及转载声明:

作者:心月 本文地址:http://www.xinyueseo.com/biaoqian/71.html发布于 2019-09-07
文章转载或复制请以超链接形式并注明出处心月IT博客

分享到:
赞(

发表评论

快捷输入:

    评论列表 (有 0 条评论,人围观)参与讨论