体彩十一选五开奖结果: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

热门点击

  • 图解:从中国新闻奖、长江韬奋奖看人民日报70年 2019-06-27
  • 江夏区宣传干部培训班圆满落幕 荆楚网携手江夏区委宣传部举办 2019-06-26
  • 供应链如何更“智慧” 2019-06-17
  • 推动民营企业创新发展 2019-05-31
  • 【北京中汽双会车型报价】北京中汽双会4S店车型价格 2019-05-31
  • 弘扬光荣传统 勇立时代潮头 忠实履职尽责 2019-05-30
  • 世界很多国家想拥有核弹,但迫于种种原因而没能实现。 2019-05-25
  • 阿呆,那是你家远祖啊,还不跪拜?[哈哈] 2019-05-15
  • 泰国推出“智慧签证”吸引人才 2019-05-15
  • “印象”世界杯:揭幕战红色风暴席卷绿茵场 2019-04-29
  • 衡阳日报社副社长周卫国祝贺人民日报创刊70周年 2019-04-27
  • 国乒在日本全面溃败!刘国梁却在参加综艺节目 2019-04-21
  • 张琳芃球衣事件折射中超不职业 因打亚冠要多道程序 2019-04-21
  • 出租广州市番禺区大龙街东兴路476号4楼物业空置部分 2019-04-17
  • 美媒盘点地球上最强5款战略核潜艇:毁灭世界比外卖都快 2019-04-17
  • 陕西快乐10分遗漏手机 云南11选5任务前三走势 喜乐彩开奖结果 辽宁11选5投注技巧 最新22选5开奖结果今天 一尾中特规律公式 腾讯分分彩开奖结婚 新疆时时彩四星和值尾 吉林快三和值参照图 中国与印尼足球比分 十一运夺金走势图淘宝网 江苏十一选五玩法 重庆幸运农场彩票 4场进球预测 香港赛马会排位表 资料排位表