HTML进阶--标题标签 ------16岁的小前端
首先还是拿出课本,【拿出我们的课本,翻到第52页,今天我们来学习一篇关于雪景的文字,他的题目是“看雪”】
出一道小学题,
阅读理解:
1.请解释出作者为什么以【看雪】为题?(答对100分)
是不是觉的回忆杀浮现在脑海,突然问起的时候那么陌生,看到答案尽然如此熟悉;
在这里我给大家上一堂语文课;
答:作者给文章起名为【看雪】可以概括文章内容,暗示了文章的主旨;吸引读者的阅读兴趣;
那么我们在一些新闻网站上看到的文章的题目也是如此;
在这里这个标题也是起到了题目的作用;这个也是网页的构成不可或缺的;
那么我们来学习一下;
首先我们得先明确;标题是有始有终的;所以标题标签一定是成对出现的;
标题标签的书写格式是
- 【 <h1> 内容1 </h1> 】
- 【 <h2> 内容2 </h2> 】
- 【 <h3> 内容3 </h3> 】
- 【 <h4> 内容4 </h4> 】
- 【 <h5> 内容5 </h5> 】
- 【 <h6> 内容6 </h6> 】;
一共有6个;他们有什么区别呢?
上代码看看,打开开发工具,写入HTML结构;将这标题标签写进去
【保存】之后使用浏览器运行;
我们现在能够看到的6个标题的相同点是什么?
<h1>到<h6>标签的共同点:
都会自动添加换行;字体都进行了加粗处理;
那我们现在能够看到的6个标题的不相同点是什么?
<h1>到<h6>标签的不同点:
从h1到h6字体越来越小;其中h1最大,h6最小;
其实在h1到h6之间还纯在【重要性】的区别;
当然字体最大的就显得更加重要一些;相反字体最小的重要性就会越来越低;
【重要性】还有一个术语叫做【权重】
<h1>到<h6>标签的不同点:
从h1到h6字体权重越来越低;其中h1权重最高,h6权重最小;
那么【权重】有什么作用呢?
前面我们讲过;每个【搜索引擎】都有一只蜘蛛;这只蜘蛛会抓取页面中重要的部分来判断网页的类型来呈现给用户搜索的类型;他不会去抓取普通的文本内容;那样会增加蜘蛛的工作量;只会抓取重要的部分;
很显然标题标签属于重要的内容,因为他常常统领了整个页面,部分,板块的核心内容;
这里的【 <hn> 】标签就是蜘蛛抓取的内容之一;
权重越高的h标签更容易被蜘蛛所抓取;呈现给搜索相信内容的用户;
那显然h1标签是最能统领一个页面的信息了,那好,我一用到标题都使用 【 h1 】标签;让蜘蛛更容易将我的内容呈现给用户;
如果这样设置,这样的行为为搜索引擎与这只蜘蛛都添加了不少的负担;
所以蜘蛛为了防止此类开发人员,做出这样的决定:
如果一个页面中出现2次或2次以上的的【h1】标签,那么我搜索引擎会不再为你提供网页呈现;或者为你的页面的推荐值降低,
我不是某个培训机构的老师,也不会为某个培训机构打广告,也不会去向大家推荐;
有任何前端方面不懂的,需要与我交流的;或者对我发的博文有建议的都可以给我发私信或评论;
如不能及时回复可以加我QQ 3051190879;验证消息里写【****】;
我会一直更新至HTML,css,JavaScript,webapi,jquery,php,h5,c3,等内容
我的任何博文只要注明出处【16岁的小前端】的话可以任意转载;
--------------16岁的小前端