在html中<h>和<head>有什么不同

html-css08

在html中<h>和<head>有什么不同,第1张

1、<header>标签是 HTML 5 中的新标签,功能是定义文档的页眉(介绍信息)。在html5之前一般都是定义一个div,比如<div class="head"></div>,html5出现以后,主张语义化标签,选择器直接就写<header></head>就可以了。2、HTML中h元素<h1>到<h6>标签用来定义标题。<h1>定义最大的标题。<h6>定义最小的标题。由于 h 元素拥有确切的语义,因此要慎重地选择恰当的标签层级来构建文档的结构。例子:六个不同的 HTML 标题:<h1>这是标题 1</h1><h2>这是标题 2</h2><h3>这是标题 3</h3><h4>这是标题 4</h4><h5>这是标题 5</h5><h6>这是标题 6</h6>

将h标签设定成内联方式(inline)就行了。例如:

<!doctype html>

<html>

    <head>

    <meta charset="utf-8">

    <title></title>

    <style>

        .hh { display: inline }

    </style>

    </head>

<body>

<h1>这是一行文字,自动换行</h1>

<h1>这是一行文字,自动换行</h1>

<h1 class='hh'>这是一行文字,不再换行</h1>

<h1 class='hh'>这是一行文字,不再换行</h1>

</body>

</html>

运行结果:

一、H标签释意

百度百科上的解释是:Heading标签也叫做H标签,HTML语言里一共有六种大小的heading 标签,是网页html 中对文本标题所进行的着重强调的一种标签,以标签<h1>、<h2>、<h3>到<h6>定义标题头的六个不同文字大小的tags,本质是为了呈现内容结构。共有六对,文字从大到小,依此显示重要性的递减,也就是权重依次降低。

二、H标签在网站优化中作用

1、对于用户的作用

H标签可以强调文章主题,从H6到H1字体逐次变大加粗,H标签的应用使得文章更有层次感,有条理性,可以让用户快速分辩出哪里是重点,这样可以节省用户的阅读时间成本,提高网站内容的可读性,从而提高网站对用户的友好度。这个大家应该都清楚,在浏览网页的时候最烦的就是网页内容长篇大论,密密麻麻的字体充斥着整个网页,用户每次看到这样的页面时,第一反应就是反感,第二反应就是关闭网页,寻找其他网站。所以,层次清晰的文章内容是让用户喜欢你的第一要素,利用H标签可以更好的满足用户需求。

2、对于搜索引擎的作用

H标签除了可以满足用户体验,引导用户阅读之外,还可以告诉搜索引擎哪些内容是重要的,哪些内容是次要的,对搜索引擎来说,<h>标签的主要意义是告诉搜索引擎这个是一段文字的标题或说是主题,起强调作用,h标签的权重会高于Strong,所以不管在做百度搜索引擎优化还是谷歌搜索引擎优化,H标签的运用显得尤为重要。

三、正确使用H标签提升关键词排名

1、一个网页只能有一个h1标签

h1标签里面的内容就相当于这篇文章的标题,而一篇文章只能有一个标题,由于h1传递的权重值最大,所以最好将这个页面最重要的关键词放到h1标签里,这样会对关键词排名起到很大的推动作用,虽然h1标签对关键词排名有很大的推动作用,但是不能太贪把很多关键词都放在h1标签中,这样会分散权重,不仅不能提升排名,反而会影响主词的排名。

2、区分title跟h1标签的区别,合理布置关键词

很多新手在开始学习的时候会将title跟h1标签混为一谈,认为这两个词说的是同一个东西,但是,事实并非如此。title和H1标签内容并不需要相同,在title和H1标签中合理的布置关键词可以更利于关键词排名的提升。

3、避免H标签的滥用

很多人认为既然H标签可以提升关键词排名,那么为什么不多添加一些呢?于是乎就开始了”H标签添加工程“,在写文章时每遇到一个关键词,就用H标签重点突出一下,这样下来,一篇文章满满的全是H标签,但是这样做的后果就是导致H标签泛滥,搜索引擎在面对大量的H标签时,反倒不能分辩哪个是重点,这样H标签突出关键词的作用也就没有了。所以,H标签使用要恰到好处,适可而止。