码迷,mamicode.com
首页 > Web开发 > 详细

HTML 标题<h1>-<h6>

时间:2016-07-01 18:01:34      阅读:562      评论:0      收藏:0      [点我收藏+]

标签:

定义和用法

<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

由于 h 元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标题标签来改变同一行中的字体大小。相反,我们应当使用层叠样式表定义来达到漂亮的显示效果。

标题样式
h1~h6默认加粗显示:font-weight:bold;。
默认大小请参上表还有是这样的写的
h1 {font-size:xx-large;}
h2 {font-size:x-large;}
h3 {font-size:large;}
h4 {font-size:medium;}
h5 {font-size:small;}
h6 {font-size:x-small;}
个大浏览器默认字体大小为16px,即等于medium,h1~h6元素默认以块状显示字体显示为粗体,要清除标题样式,一般可以设置
hx {
   font-weight:normal;
   font-size:value;
}

 

H1标签使用建议:
1.在同一个页面当中不要重复多次的使用该标签,这样会造成表达主体不明确,造成搜索引擎不能很好的判断该文章的定位;
2.title标签可以包含h1,但是H1标签却不能包含title,H1针对是只是文本性质的文章标题;
3.不要在logo当中使用,因为H1标签是对文章或者是列表页的文字标题使用的,logo通常是图片,应用于图片的作用又肯能会适得其反;
4.H1标签应该出现在body当中,不应该出现头部当中,并且不得出现在<h2>-<h6>之后,并且H1标签之后不应该再出现H1标签,可以使用其他H标签,这样可以提高文章和网站的表达层次,搜索引擎会更加的喜欢。

 

H标签使用的SEO建议

1、每个网页只能拥有一个<h1>标签。

2、<h1>用来修饰网页的主标题,一般是网页的标题,文章标题,<h1>中部署主关键词。<h1>尽量靠近在html中的<body>标签,越近越好,以便让搜索引擎最快的领略主题。

3、<h2>表示一个段落的标题,或者说副标题,部署长尾关键词。

4、<h3>表示段落的小节标题,<h3>效果跟Strong差不多,一般是用在段落小节。

5、<h4>-<h6>基本很少用到,是告诉搜索引擎这些不是很重要的内容,当一篇文章内容较多的时候,可以用来说明一些内容是不很重要的。

       因为,搜索引擎需要在一堆文本中明白它写的是什么,所以,它也依照人们的阅读习惯,首先寻找文章的标题,然而,不像人们那样可以迅速确定标题是什么,搜索引擎是“盲人”,所以,使用<h>标签就指导搜索引擎标题在那里,便于它们迅速掌握文本大意。

       标题(H1-H6)标签是采用关键词的重要地方,这个标签应该包括文本中最重要的关键词,Google算法就指出,这个<h>和</h>直接的题头文字,一定比其它地方的文章具备更重要的意义,但是,过分的使用容易产生不利的影响。

 

<html>

<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>

</body>
</html>

 

HTML 标题<h1>-<h6>

标签:

原文地址:http://www.cnblogs.com/zuihongyan/p/5633617.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!