当前位置:园子博客 » Xhtml » h1~h6的使用原则

h1~h6的使用原则

2月 24th, 2009 | Filed under Xhtml | 共有7,045次浏览

在遵循网页标准制作网页的时候,为了使得设计更具有语义化,我们经常会在页面中用到h1~h6的标题属性。我们都知道标题几乎是所有文章都会有的要素,也是我们用以识实与索引文章的重要元素。我们通过标题去感知文章内的核心。那么你知道吗?合理使用标题标签会让你的文章更受关注。

我们都知道xhtml给我们提供了h1~h6,六个标题标签,那么我们如何分配这六个标题标签的使用呢?下面园子给出一些建议:

  • h1,在浏览器中显示最大,那么自然用来表示最大的标题,对于一个网站来说哪个标题才是最大的?是LOGO,我们通常会在网站的最前面先标注这个网站的名称。所以h1就用来放LOGO,当然如果你的网站没有LOGO,只有一个网站名称,那也可以,并且需要注意的是网页中h1只能出现一次。园子并不推荐您直接在h1里面放个图片,我们完全可以通过以图换字来实现,具体方法请看我的上篇文章:以图换字方法和思路
  • 当h1找到了专用的功能后,园子在平时的设计中h2~h4一般用在网页中出现的版块标题上。例如一个网页中有个栏目是产品展示,那么这个写法就是<h2>产品展示</h2>,如果产品展示里面还分有几个类型,那么我们可以这样定义:<h3>食品类</h3>,<h3>医药类</h3>等等依次类推。需要注意的是书写顺序要从高到低依次书写。另外就是h2~h4不局限于出现的次数,你可以无限制使用。
  • h5与h6在浏览器默认显示字体是小于正常文本字体的。那么园子推荐h5与h6只作为免责声明或是版权通告来使用。这样即表明重要性,又不会太过明显影响阅读。

对于标题标签的使用尽可能的注意一下他们之间的等级关系。当然标题的使用还是需要根据实际使用来决定。这里只是给出个建议。标题标签是块线元素,但是他并不能再包含块级元素了,只能包含内联的元素,比如链接、图像,换行之类的。记得有个朋友前两天在文章中提到过关于标题的内容,但是写法就有错了,他把链接写在了H1标签的外面,把H1包起来了,这样的写法是不推荐的。也不符合标准思维容易给以后的学习产生不好导向。

  1. SEO优化
    5月 9th, 201219:18

    你好,我想请问下,在一个网页中,标签的出现顺序在网页中有要求吗?
    可不可以先写H2标签,再写H1标签呢?

  2. 雨轩
    8月 23rd, 201013:31

    我写了近400字的评论,竟没给我通过。。。伤了

您必须在 登录 后才能发布评论.