自学前端(三):head标签的内容和书写方法

371 阅读1分钟
前言

经过前两节的学习,老谷已经初步了解了HTML的含义和结构内容。那么今天老谷将继续学习HTML中的head标签。

包含内容

一般来说,head标签只包含如下六个内容。

一、title标签

这个是页面的标题,所以每个页面都需要写title标签

二.meta标签

meta标签用来定义一些页面的特殊含义,例如网页描述、关键词等。这是给“搜索引擎蜘蛛”看的,比如百度蜘蛛,搜狗蜘蛛等。所以这个标签和网页的“seo”有所关联。

name属性

meta标签中的name属性大约有这么几个 1.keywords-网页关键词 2.description-网页描述 3.author-作者 4.copyright-版权信息 name的书写方式为 <meta name="属性" content="内容" />

http-equiv属性

这个标签主要是两个重要作用:一个是网页编码,一个是刷新跳转

网页编码:

<meta http-equiv="Content-Type" content="text/html;charset=utf-8 />

当然,我们在html5中,可以直接简写成

<meta charset=utf-8/>

加入编码是可以防止网页乱码的,utf-8是一种编码。

刷新跳转:

<meta http-equiv="refresh" content="3;url=https://owzz.com />

这个可以让网页在3秒内跳转到别的页面。

三、style标签、script标签、link标签、base标签等

这些标签学习到的时候在做了解,这里就不深入了解了。