登陆 注册

html元素如何给字体加粗,他们有什么区别?

守望者 2020-03-25 277人围观 ,发现0个评论 htmlcss

让html元素中的字体加粗一共有一下几种方法:


方法1:用h1....h6标签,其中h1标签字体最粗,h6标签字体最细,粗细程度从h1向h6递减。


方法2:用<b>标签,这是专为加粗字体设计的标签元素。


方法3:用<strong>元素,样式效果与<b>标签类似。


方法4:借助css样式, 为标签设置font-weight属性取值范围为100-700,取值越大,字体越粗。



区别:


 方法一: h1...h6 标签是标题标签,只在设计标题的时候用,

              用在其他地方虽然浏览器也可以解析,但是不符合语义性,而且也不利于seo优化。


方法二:<b>标签是html量身打造的加粗标签,其语义就是字体加粗,

             但由于其富有样式属性,所以在html5中不建议使用,而是建议使用css来调整,以实现内容和表现层和分离。


方法三:<strong>元素在html中代表的语义是强调,用于比较重要的词汇上面。

             也可以与css样式配合使用,二者并不冲突或重复。


方法四:借助css中的font-weight属性更符合样式属性,

             在我们仅仅想做元素的表现样式,不特别代表其他特殊的语义时,建议使用这个。


      转载请附上本文链接:https://tufeng.xyz/htmlcss/28.html,谢谢合作!

请发表您的评论
请关注微信公众号
微信二维码