当前位置:Web前端 > 其它> 正文

HTML中h1到h6标签

时间:2015-7-24类别:Web前端

HTML中h1到h6标签

HTML中h1到h6标签

一、HTML中h1标签

H1标签是指网页html中对文本标题所进行的着重强调的一种标签,制作标签的主要是起强调作用,告诉搜索引擎这是一段文字的标题,加深网站对关键词的关联性,是网站获良好优化效果的重要组成部分。

 

1、H1标签的重要性

(1)、提升用户体验度

一般网站都是用H1标签来修饰网页标题,那么呈现给用户的也就是这个页面的主要内容,那么用户在进入这个页面后能很直观的了解到这个页面的内容,从而增加对网站的信任度。

(2)、使用H1标签提升关键词排名

用来修饰网页的主标题,因为搜索引擎需要在一堆代码中明白这个页面的内容,那么使用标签就指导搜索引擎标题在那里,以便于它们迅速掌握文本大意。那么搜索引擎给明白这个页面的主要内容,从而增加页面关键词的排名。

(3)、应该把H1标签用在网站最核心的内容上。

 

2、H1标签的特点

(1)、H1标签的唯一性

一个页面最好只有一个H1标签,而标签里面的内容最好就是网页的中心主题或者是包含想要优化的关键词的标题。如果一个页面使用过多的H1标签,那么就会分散搜索引擎对这个页面关键词的注意力,那么对我们提升关键词排名是没有作用的。

(2)、H1标签是具有可视性的标题标签

H1标签直观效果就是就是突出文章标题。在网页文章中运用H1标签突出文章标题,可使文章更适宜阅读。

(3)、H1标签不等于title标签

title可以包含H1,H1完全是为了给用户看的,但是搜索引擎也很重视H1,title是给用户和搜索引擎看的。

 

二、HTML中h2标签

1、对于首页,H2标签可以用在那些不是导航,又在首页调用的栏目上。

2、对于栏目页我们可以把栏目名称设定为H1,其次是侧边栏目,我们可以设定为H2

3、内容页在一般情况下,只有标题一个H1就可以了,但是如果所描述的文章分为很多个部分,那么就要用H2

 

三、HTML中h3、h4、h5、h6标签

1、h3、h4、h5、h6标签则可以在一个网页中多次出现,但不要随意添加或添加过度。

2、对于大于 h3 以上的 h4 至 h6 标题,可以在适当的地方选用,如版权声明或免责通告等相对比较重要的地方。

3、如果仅仅是为了显示大号或者粗体文本,那么请使用 CSS 样式表来控制,而不要使用标题。

 

四、HTML中h1到h6标签实例

  •  
  • 
    <html>
    
    <body>
    
    <h1>This is heading 1</h1>
    <h2>This is heading 2</h2>
    <h3>This is heading 3</h3>
    <h4>This is heading 4</h4>
    <h5>This is heading 5</h5>
    <h6>This is heading 6</h6>
    
    </body>
    </html>
    
    		
  •  

    效果图

     

     

    标签:
    上一篇下一篇

    猜您喜欢

    热门推荐