内蒙古11 选5前二:h1 h2 h3 h4 h5 h6标签 如何选择H标题标签教程

html网页布局时如何选择h1 h2 h3 h4 h5 h6这些标题标签

大家都知道从h1到h6都属于标题系列的标签,具有标题意义的标签元素。

一、默认样式

从h1-h6默认均为加粗,只是字体大小h1最大h2次之,依次从h1-h6字体从大到小。

h1-h2实例:

<h1>h1标签内文字</h1>
<h2>h2标签内文字</h2>
<h3>h3标签内文字</h3>
<h4>h4标签内文字</h4>
<h5>h5标签内文字</h5>
<h6>h6标签内文字</h6>

浏览器运行效果:

h1-h6标签浏览器中运行效果截图
h1-h6标签浏览器中运行效果截图

可以看出默认情况下字体加粗、字体大小也不同,文字字体大小依次从h1-h6逐渐变小。

二、使用时如何选择

H标题标签在html网页布局也好文章中也好,均使用比较多。

1、哪平时我们怎么选择?
h1标签,具有唯一性,一般一个HTML页面我们只使用一次,通常文章标题我们可以使用h1,如果一般网页logo也可以使用h1标签来布局。

h2标签,没有具有唯一性特点,通常一个网页出现两三次为佳,不要过度使用。

h3标签,一般栏目标题、内容分标题我们均可以使用h3,可以多次使用,没有次数限制考虑。

h4-h6标签,通常使用比较少,一般我们使用h1-h3比较多,当然布局时候也可以适可使用。

2、使用修改默认CSS样式
平时使用H标题标签时,我们都不会使用其默认css样式,通常我们会去掉和重新设置需要的内蒙古11选五开奖5号的样式。

比如去掉h标题标签的加粗,重新设置字体大小等样式。

例子:

<!DOCTYPE html>
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>H标题标签实例</title>
<style>
h1,h2,h3{ font-size:14px; font-weight:normal}
.h-a{ color:#F00}
.h-b{ color:#00F}
</style>
</head>
<body>
<h1 class="h-a">我在h1标签内</h1>
<h2 class="h-b">我在h2标签内</h2>
<h3>我在h3标签内</h3>
</body>
</html>

以上实例首先设置h1\h2\h3标签字体大小统一为14px,去掉字体加粗。并对h1和h2分别设置不同字体颜色。

代码在浏览器运行效果:

h标题标签应用实例截图
h标题标签应用实例截图

三、总结

h1-h2-h3-h4-h5-h6标签为HTML标题标签,默认情况下使用在栏目标题、分页标题、文章标题等重要具有标题意义的布局上。需要注意h1标签唯一性,一个html网页中只使用一次,其它h标签根据情况把握使用频次;在布局中根据需求设置H的CSS样式,达到布局需求。

相关标签: 标题 h1 h2 h3 h4 h5 h6
如需转载,请注明文章出处和来源网址:www.thinkcss.com/html/1478.shtml

日期:2018-01-11 16:53:04 来源:内蒙古11选五开奖5号的 www.phlmy.com 作者:ThinkCSS

热门点击

  • 其实啊也不奇怪,菜做好了先来一份尝尝味道于是提前开吃了。 2019-08-19
  • 十九大精神进机关:原原本本吃透精神 学懂弄通昂扬斗志 2019-08-13
  • 我们是建立市场经济,公有制如何建立市场经济,就要明晰产权,不明晰产权如何建立市场经济? 2019-08-13
  • 2017巴塞尔国际钟表珠宝展 2019-08-11
  • 政务舆情回应如何把握语言分寸感? 2019-08-11
  • 候选案例:机井通电惠民生 2019-08-08
  • 2018年04期 中国国家地理网 2019-08-05
  • 解析视频播控平台黑产链 20元看12家网站VIP会员视频 2019-07-31
  • 西安外国语大学第二十四届校园文化艺术节闭幕式暨第一届朗读者圆满落幕西安外国语大学第二十四届校园文化艺术节-陕西教育新闻 2019-07-31
  • 俄罗斯世界杯今日开战,送上最全观赛指南!你最看好哪支球队? 2019-07-29
  • 《人民日报》让我爱上了文学(原创首发) 2019-07-29
  • 【北京页川车型报价】北京页川4S店车型价格 2019-07-27
  • 河北沧州经济开发区管理委员会 2019-07-24
  • 强村带弱村结对共发展 2019-07-24
  • 《读药》151期:短篇小说——解读蒋一谈《庐山隐士》 2019-07-15
  • 河南快三走势图今天 3d开奖试机号 大战皇家赌场的女人 4肖4尾 体彩p3走势带连线 买2元彩票中 14027期七星彩走势图 经营娱乐场3 中彩网走势图500期 河北11选择5号码推荐 买北单足彩的技巧 稳赢平特肖 陕西快乐十分 排球女将小鹿纯子 急速赛车在线观看