当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 关于H1的位置解析

CSS样式表
脚本控制三行三列自适应高度DIV布局
通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5 代码推荐
HTML/XHTML模板
用DIV+CSS写小三角
SPAN元素和DIV元素有的区别
关于Firefox中的Flash不可以显示透明效果的问题
当ie7不认!important之后 [布局的解决办法]
绝对定位的DIV宽度自动适应的一个方法
被人遗忘的html tags
一个css 的小问题
IE 5.x/Win 和模型bug
[转]目前找到的最好的Iframe自适应高度代码
Web Safe Color Pallette
网站制作之网页技巧
http状态码一览表
从Table向Css过渡的优缺点比较
不用float实现div模块居中布局
解决列高度自适应(相同)的五种方法
用CSS floats创建三栏页布局
如何正确使用标题元素、段落和强制换行

CSS样式表 中的 关于H1的位置解析


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 93 ::
收藏到网摘: n/a

最近对H1的讨论很多(在文章内容页中),大致有以下两种情况: H1应该用于文章的标题上 H1应该用于站点的标题上
相信大多数人都偏向第一种方式:用于文章标题上,从文章的角度上看,用户进到内容页里,想看到的当然就是文章的内容,文章标题理所当然是最重要的、最应该突出的。
OK,以上是在文章的角度看的,如果在页面的角度看呢?
页面中除了文章内容、由内容引伸出来的链接外,还有导行、广告、搜索等跟文章内容无直接关系的内容。在页面中,文章只是其中的一个组成部分,从语义的角度来讲,一个页面中只有一个大标题(H1),用于概括页面的内容(包括非文章的部分)。所以,H1用于站点标题上比用于文章标题要更准确些。注意H1跟title是不一样的。
这里也解决下在讨论中有些同学提出的想法:
有关SEO的问题(H1对SEO有影响)
有关语义的问题
这两个问题是有矛盾的,有时候做SEO就得放弃语义,以国内做SEO的手段,基本无语义可言。可悲的是现在做站的同学基本都着重于SEO。
H1对于SEO是有影响,但还不至于非它不可,它的权重比页面头部的信息要低得多,何不用心做好页面的头部信息呢?而且做好了语义化,对SEO并无不好的影响,为什么非要钻这牛角呢?
我觉得body里的内容是怎样就应该怎样,重点应该放在语义上,因为这一块主要是给用户看的,同时也为了适应多终端,有同学说你不也使用了隐藏的文字,没错,那是为了语义服务的,在没有样式或不支持样式的终端上,为了让内容更具有可读性,而不是为了做SEO。SEO应该重点放在head上,这块也是搜索引擎最看重的,比如meta就包含了许多用于搜索引擎的属性。