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

CSS样式表
base href 使用方法详解
html label标签的使用教程
使用CSS不用程序实现文字自动截断 用省略号代替
CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
CSS图片拼合生成器只需上传zip包即可
用iframe margin实现调用其他网页的某一区域的方法
用css alpha 滤镜 实现input file 样式美化代码
RGB 加成色 说明
为了防止乱码,请将用于页面编码的meta charset放到title的前面
DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags
大家看了就明白了css样式中类class与标识id选择符的区别小结
DL.DT.DD实现左右的布局简单例子
css布局网页水平居中常用方法
使用CSS框架布局的缺点和优点小结
Web2.0下XHTML+CSS 设计需要注意的地方小结
table高级应用把表格进行到底(必看)
css强制换行 css强制不换行的css方法
Div CSS absolute与relative的区别小结
css实现文字垂直居中的代码

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


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

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