html h 标签

时间：5年前阅读：5950

<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,我们将及时处理。

微信扫码关注

更新实时通知

html h 标签

网友评论