Rumah > hujung hadapan web > html tutorial > 什么是html h1标签?html h1标签使用方法的详细介绍

什么是html h1标签?html h1标签使用方法的详细介绍

寻∝梦
Lepaskan: 2018-08-29 13:39:02
asal
6520 orang telah melayarinya

本篇文章主要为大家介绍了关于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标签依次类推。

现在来细说说网站首页的具体用法:

因为在主页中会有许多文章列表,这时如果把

标签用于给“文章标题”定义,那就不合适了,会造成

标签重复定义,破坏了

标签的唯一性。所以在主页,

标签当仁不让的用来定义“站点名称”。

标签用来定义“站 点副标题”。如果没有副标题,

标签最好也空着,以备不时之需。

标签用来定义栏目名称,

标签用来定义文章标题,但大多数内容系统,文章列表输出用
    标签,所以

    可能就派不上用场,这里只是以此类推。

    现在来细说说文章内容页面的具体用法:

    文章内容页和主页就有所区别了,对于搜索引擎所看中就是文章内容,而文章标题无疑是吸引搜索引擎的最重要的砝码了。此时如果把唯一的

    标签让给“网站名称”岂不浪费。既然站点可以使用不同模版,这时我们就不能偷懒了,还是把文章内容页Header区重新调整一下,把

    标签让给“文章标题”。

    网站名称和网站副标题的定义,用

    来代替,分别定义成id=Title和id=SubTitle。把最有价值的

    标签和

    标签让给文章主和副标题。以利于提高文章在搜索引擎中的权重。

    如果没有文章副标题,和主页的里的

    标签一样最好也空着,以备不时之需。这里提倡一下,

    标签一样,最好都保证在页面中的唯一性。

    现在来总结下:

    我认为h1在不同的页面应该有不同的定义方式,比如:

    • 主页,h1坚决用来定义“站点名称”;

    • 文章页,因为文章标题对SEO有好处,h1给文章标题合适;

    • 栏目页,h1给栏目名称;

    • 搜索页,h1给搜索关键词;

    • tag页,h1定义tags。

    【小编推荐】

    HTML iframe标签怎么使用?HTML iframe标签的使用实例介绍

    如何给html中的pre标签中的文字换行?html pre标签的使用实例

    Atas ialah kandungan terperinci 什么是html h1标签?html h1标签使用方法的详细介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan