31
2018
12

html h 标签

<h>标签:标题标签。

h1-h6 :块级标签

H标签能设定层次之间的关系,各层次之间的权重不一样,依次是h1>h2>...>h6,从而能够让爬虫有序地对文章中的信息进行整理。

 首先是在主页面和分类页面的使用,通常我们使用H1标签来标注出网站标题,使用H2来指明分类名称,使用H3来标注文章标题。在内容页面中,我们使用H1来标注出网站标题,使用H2来标注文章标题,使用H3来标注分类标题。当我们设置H标签的时候,就想象一下,将网页分成几个模块,我们将这些模块连在一起的就是网站主标题,然后每一个模块根据重要性依次排列,这样就可以标注出整个页面的明显层级了。上面的例子当中我只是使用了H1,H2,H3三种标签,这是因为我觉得这样已经足够标示网页的层次感了,搜索引擎可是一贯反感过度使用H标签的。H标签在搜索引擎当中被判定的权重比较高,所以很多人多度使用H标签来进行关键词的优化,可以这么比喻,合理的H标签就可以很清晰的标示出枝杈的粗细和前后顺序关系,这样整体网站看起来就比较健壮;而过分使用H标签虽然短期欺骗了搜索引擎达到目的,但是整体的网站这棵大树的层级关系已经非常混乱了,一棵奇形怪状的大树,有什么样的搜索引擎喜欢呢?肯定会遭受到惩罚的。所以我建议大家尽量合理使用H标签,可以考虑在合理的情况下加入需要优化的关键词,这样可以将自己的网站结构变得更加清晰,也会提高搜索引擎优化的分值。

        最后再说两句关于H标签的样式,很多朋友使用H标签以后,默认的样式往往会改变网站原来的设计样式,遇到这些问题的朋友可以使用CSS代码来进行设置H标签的显示样式,使用哪些标签就设定几种样式,通过改变H标签的颜色、大小、字体等等用来符合网站的整体设计。

例子:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	<h1>h1标签</h1>
    <h2>h2标签</h2>
    <h3>h3标签</h3>
    <h4>h4标签</h4>
    <h5>h5标签</h5>
    <h6>h6标签</h6>
	</body>
</html>

原文链接:https://www.qiquanji.com/post/8170.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。