一般网站制作过程中,只考虑了网站的功能和美观方面,做为一个SEO工作者考虑的问题却不一样,然而改版一个现成的网站对我们来说可能不那么简单,今天我来分享一个只需要修改一点CSS的关于利用H1 、H2标签加强语气的技巧。
H1、H2等标签加强语气的效果比strong加粗的效果要好,然而标题类标签往往不止是加粗效果,还有换行,字体变大等效果,H1甚至大的让人感觉很突兀,下面娄昊要做的就是通过CSS控制H1标签的效果。
h1.bx {
font-size:18px;
}
h1.bhh {
font-size:12px;
display:inline;
上面定义了H1两个类的样式,bx类的是仅仅变小,变成大小可以接受的18PX,如果你写文章喜欢列个一二三的条目,需要小标题,这个样式就可以了,如果你嫌大,可以把18改成14或者其他数值,嫌小自己也可以调。bhh就是不换行的首拼,“ont-size:12px;”字体设置为12像素, “display:inline;”不换行,这样设置的文字,看起来表面就是加粗了一下,不会影响读者的阅读了。使用方法如下:
<h1> …….</h1> 或者 <h1>…..</h1>
如果你需要正常的H1效果,不用加class就行了。需要提醒的
是,H1标签据说一页只能使用一个,请酌情使用,或者换成h2标签,更安全点。下面是效果:
留下您的宝贵意见