本文摘自PHP中文网,作者寻∝梦,侵删。
本篇文章主要为大家介绍了关于HTML h1~h6的使用介绍,介绍了关于html h1标签在网页中的两种使用方法,一个是网站首页的具体介绍,一个是文章内容页面的具体介绍,最后一点的总结,现在让我们看看这篇文章吧首先,让我们先来看看什么是html h1标签:
HTML h1标签是什么?是一级标题。
一个网页中,用h1包括起来的内容是除了title之外最重要的内容,对一个网页中起到提纲挈领的作用。搜索引擎首先要抓取的内容就是h1标签中的内容。所以规定一个页面中,h1标签只能出现一次,否则h1标签就失去了存在的意义,而且对于搜索引擎来说,这是典型的seo过度,早晚都会被处罚的。而对 于谷歌来说,过度使用h1的网页根本不会被收录,如果你发现你的网站首页一直不被google关注,那你就要小心了。而百度可能会暂时收录你,但可能早晚都会降权或k站。下面是h1至h6的使用介绍。
h1 : 网站大标题
h2 : 网站副标题
h3 : 网站分类目录
h4 : 网站的文章分类
h5 : 文章标注
h6 : tag标签
现在来看看具体的使用方法吧
第一,网站首页,列表页,分类页,h1要分配给网站名称或给带alt标签的logo使用,用以强调网站名称。h2标签用来定义“站点副标题”。如果没有副标题,h2标签最好也空着,以备不时之需。H3标签用来定义导航栏目名称,H4标签用来定义文章列表标题,但大多数内容系统,文章列表输出用UL标 签,所以H4可能就派不上用场,这里只是以此类推。
第二,文章内容页面中,h1一定要用在文章标题上,因为对于搜索引擎来说,内容就是他追求的目标,所以我们要把搜索引擎直接领到我们的文章标题。其它的h标签依次类推。
现在来细说说网站首页的具体用法:
因为在主页中会有许多文章列表,这时如果把<h1>标签用于给“文章标题”定义,那就不合适了,会造成<h1>标签重复定义,破坏了<h1>标签的唯一性。所以在主页,<h1>标签当仁不让的用来定义“站点名称”。<h2>标签用来定义“站 点副标题”。如果没有副标题,<h2>标签最好也空着,以备不时之需。<h3>标签用来定义栏目名称,<h4>标签用来定义文章标题,但大多数内容系统,文章列表输出用<ul>标签,所以<h4>可能就派不上用场,这里只是以此类推。
现在来细说说文章内容页面的具体用法:
文章内容页和主页就有所区别了,对于搜索引擎所看中就是文章内容,而文章标题无疑是吸引搜索引擎的最重要的砝码了。此时如果把唯一的<H1>标签让给“网站名称”岂不浪费。既然站点可以使用不同模版,这时我们就不能偷懒了,还是把文章内容页Header区重新调整一下,把<H1>标签让给“文章标题”。
网站名称和网站副标题的定义,用<div>来代替,分别定义成id=Title和id=SubTitle。把最有价值的<H1>标签和<H1>标签让给文章主和副标题。以利于提高文章在搜索引擎中的权重。
如果没有文章副标题,和主页的里的<H2>标签一样最好也空着,以备不时之需。这里提倡一下,<H2>和<H1>标签一样,最好都保证在页面中的唯一性。
现在来总结下:
我认为h1在不同的页面应该有不同的定义方式,比如:
主页,h1坚决用来定义“站点名称”;
文章页,因为文章标题对SEO有好处,h1给文章标题合适;
栏目页,h1给栏目名称;
搜索页,h1给搜索关键词;
tag页,h1定义tags。
【小编推荐】
HTML iframe标签怎么使用?HTML iframe标签的使用实例介绍
如何给html中的pre标签中的文字换行?html pre标签的使用实例
以上就是什么是html h1标签?html h1标签使用方法的详细介绍的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
html5与html的区别有哪些?html5与html四大区别总结
html的特殊字符-css3 content:"特殊符号"应该如何使用
更多相关阅读请进入《h1》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者