前端设计

H1,H2标签用法

2012-09-28

让你的网页层次分明h1,h2,h3,是经常用到的标题标志,此标签权重比STONRG高一点。一个网页,H1一般只用一次。以前我曾在一个网页里多次使用H1,结果很长时间在GG的收录都是补充页面(更新,外连正常)。H标题作为关键词布局的一个重要方面,一定程度上决定了网页的层次结构和轻重布局。很多著名的站点都使用H类标题,用法上略有区别,比较灵活。
1、按照内容的重要性来定义,如:Official Google Reader Blog
使用 h1 定义网站标题
使用 h2 定义文章标题
使用 h3 定义栏目标题
2、按照网站的层次来定义,如:Official Google Blog
使用 h1 定义网站标题
使用 h2 定义栏目标题
使用 h3 定义文章标题
很少有使用 h1 来定义文章标题的,一般都用来定义网站标题,要不就不用。
附:一些有名网站定义文章标题的方式
使用 h1 定义文章标题 Techcrunch
使用 h2 定义文章标题 Official Google Reader Blog / Matt Cutts / Jeffrey Zeldman / Engadget / WordPress Blog
使用 h3 定义文章标题 Official Google Blog / Google 黑板报 / Boing Boing
使用 div 定义文章标题 TechEBlog / 百度的空间、对牛乱弹琴、徐静蕾的 BLOG
H1,H2,H3默认的表现样子是比较不尽如人意的,但是可以通过CSS加以控制
1>默认有一定的内外空白,可以通过如下控制
h1 {margin:0px;padding:0px;}
2>默认的字体很难看,可以通过如下控制
h1 {font-size: color: font-family:} 字号,颜色,字体
h标志代表了一个网页的重点层次,不用浪费,但不要过度使用。多多参考经典网页,可以让你的优化事半功倍。