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

CSS样式表
DIV和CSS排版中制作细线条的方法小结
在解决ul居中问题时想到的几点
网页编辑中CSS样式表技巧总结
一个老外弄的Clearing floats(清除浮动的方法)
常用的DIV+CSS的基本框架结构但不推荐都放一个div里
无js5款纯div+css制作的弹出菜单标准
超强推荐CSS打造经典鼠标触发显示选项
CSS网页布局入门教程5:二列宽度自适应
CSS网页布局入门教程6:左列固定,右列宽度自适应
CSS网页布局入门教程7:二列固定宽度居中
CSS网页布局入门教程9:用CSS设计网站导航——横向导航
CSS网页布局入门教程10:带当前标识的标签式横向导航
CSS网页布局入门教程11:带当前标识的标签式横向导航图片美化版
CSS网页布局入门教程12:纵向导航菜单
CSS网页布局入门教程13:下拉及多级弹出式菜单
CSS网页布局入门教程14:纵向下拉及多级弹出式菜单
解读css发展历史
让用户自己控制网页字体的大小的css书写方法
CSS注释、命名、继承性、样式排序等CSS技巧的小结
CSS标签切换代码实例教程 比较漂亮

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


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

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