`
icybamboo
  • 浏览: 39045 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

h1~h6的使用原则(转)

阅读更多

在遵循网页标准制作网页的时候,为了使得设计更具有语义化,我们经常会在页面中用到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包起来了,这样的写法是不推荐的。也不符合标准思维容易给以后的学习产生不好导向。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics