新建一个html文件,命名为test.html,用于讲解css中如何解决h标签独自占用一行。
2/6
在test.html文件内,使用h3标签创建一行文字,用于测试。
3/6
在test.html文件内,给h3标签添加class属性,设置为myway。
4/6
在css标签内,通过class定义h3标签的样式,使用background属性设置它的背景颜色为红色。
5/6
在css标签内,再将display属性设置为inline,将h3标签转变为内联元素。
6/6
在浏览器打开test.html文件,查看实现的效果。
H标签是一个标题标签,常用做网站主题、文章标题或用在段落之前,用于表明整个网站、整篇文章或段落要表达的意思。根据显示和要表达意思的级别可以分为H1,H2,H3,H4,H5,H6。H标签成对出现,以H开始,以/H结束。
在 一个WEB页面中,H1标签最好(理论上是应该)只出现一次,因为它代表该WEB页面的主题。在实际操作中,建议不要使用 h1 来定义文章标题,而是用来定义网站标题。我有一个网站, 在首页一段文字前用了H1,并合理地分布了H2,H3,H4,结果十天以后, 原来排在第一页的, 就掉到了第四页。因此, 用一次H2做页面一级标题,比较。
H1的重要性最高,常用于表达对整个网站的作用和性质的描述,或表示网站面向的受众群体。其他标签根据级别的不同分别用于显示某个专区的名称,或某段介绍文字的大概描述。
因 它表示对网站或某段文字的大体描述,所以相对于搜索引擎来说H标签具有很高的价值。但这并不意味着可以随意的使用。比如,有些网站为了刻意追求特定关键字 的排名,而在一段文字中使用H标签来展示关键字。或干脆把H标签当做一个容器来对网页进行布局。这样完全混淆了H标签的作用,也是不推荐的。
H标签代表了一个网页的重点层次,但不要过度使用。否则会受到搜索引擎的不同程度的降权。
h1,h2,h3, 是经常用到的标题标志,权重比STONRG高一点。以前我曾在一个网页里多次使用H1,结果很长时间在GG的收录都是补充页面(更新,外连正常)。H标题 作为布局的一个重要方面,一定程度上决定了网页的层次结构和轻重布局。很多着名的站点都使用H类标题,用法上略有区别,比较灵活。