非凡资讯

网页设计培训资讯>上海青浦H5开发培训班浅谈html标签H1、H2、H3、H4的区别

上海青浦H5开发培训班浅谈html标签H1、H2、H3、H4的区别
发布日期:2019/2/11 16:55:59    上海青浦H5开发培训班 45 分享
H1、H2、H3、H4标题标签常常使用在一个网页中唯一标题、重要栏目、重要标题等情形下,上海青浦H5开发培训班浅谈html标签H1、H2、H3、H4的区别。

一、搜索引擎下看h1标题标签
针对搜索引擎来说是告诉了不同标签下代表不同的重要级别内容。如果你在一个网页中使用的1-2中H型标签中都含有一个相同关键字,搜索引擎也会格外注重你所注重关键字与内容,但切记无滥用。
 
二、Html h1 h2 h3 h4用法HTML代码片段,H型标签案例截图
上海青浦H5开发培训
 
在没有赋予H1、H2、H3、H4标签任何CSS样式时候,字体大小h1大于h2大于h3大于h4如上案例截图
 
三、html标题标签使用原则
H1在一个网页中最好只使用一次,如对一个网页唯一标题使用。
H2、H3、H4标签则可以在一个网页中多次出现,但必要随意添加或添加过度。
 
四、html标签h1 h2 h3 h4总结
在一个网页中可以适当使用H1、H2、H3、H4标签,有利于网页的重点部分突出,同时也利于搜索引擎排名,但切记滥用多用H1 H2 H3 H4标签,适当使用即可,一切从用户体验出发来使用。如果需要控制这些标题标签的大小、背景、宽度、高度、CSS加粗与否都可以通过DIV CSS来实现对其样式重新定义。
 
使用CSS样式初始化H1、H2、H3、H4标签代码:
H1,h2,h3,h4{font-size:12px; font-weight:normal}
我们初始化了字体大小设置为12px,去除了H1 H2 H3 H4文字加粗样式。根据范例可扩展运用。

本文来源:网络。整理:青浦H5开发培训老师。更多资讯【请关注微信号:feifanxueyuan】(版权声明:推送文章和图片我们都会注明作者和来源,除非确实无法确认。部分文章和图片推送时未能与原作者取得联系,若涉及版权,烦请原作者联系小编更正,谢谢。)
相关文章:
上海青浦H5开发培训班浅谈html标签H1、H2、H3、H4的区别
在线客服
热线电话
非凡学院公众号