3.2 head标签

最新推荐文章于 2023-10-12 16:15:12 发布

mmsx2017

最新推荐文章于 2023-10-12 16:15:12 发布

阅读量220

点赞数

分类专栏：前端 # HTML

本文链接：https://blog.csdn.net/mmsx2017/article/details/79380708

版权

前端同时被 2 个专栏收录

81 篇文章 0 订阅

订阅专栏

HTML

55 篇文章 0 订阅

订阅专栏

< head>标签是比较特殊的，只有一些比较特殊的标签才能放在< head>标签内，其他大部分标签都是放在body标签内。

一般来说，只有6个标签能放在< head>标签内：

① < title>

② < meta>

③ < link>

④ < style>

⑤ < script>

⑥ < base>

一、< head>标签内的< title>标签

< title>标签唯一的作用就是定义网页的标题，标题的内容都是放在< title>标签内，如本节课页面标题是：

< title>HTML head标签HTML入门教程绿叶学习网< /title>
(标签与HTML间有_,教程与学习间也有)

二、< head>标签内的< meta>标签

< meta>标签又叫“元信息标签”，是< head>标签内的一个辅助性标签。
meta标签有两个重要的属性name和http-equiv。

1、meta标签name属性

<head>    
<!--网页关键字-->
<meta  name="keywords" content="绿叶学习网"/>
<!--网页描述-->
<meta  name="description" content="绿叶学习网是一个富有活力的技术学习网站"/>
<!--本页作者-->
<meta  name="author" content="helicopter">
<!--版权声明-->
<meta  name="copyright" content="本站所有教程均为原创，版权所有，禁止转载。否则将追究法律责任。"/>
</head>

2、meta标签http-equiv属性

http-equiv的两个属性：
一，定义页面所使用的语言
二，实现页面的自动刷新跳转

（1）定义页面所使用的语言

语法：
< head>
    < meta  http-equiv="content-type" content="text/html; charset=gb2312"/>
< /head>

PS：这段代码告诉浏览器该页面所使用的字符集是gb2312，即国际汉字码。我们不需要记住，只需要了解就行了。

（2）页面自动跳转

语法：
< head>
    < meta  http-equiv="refresh" content="6";url=http:/www.baidu.com"/>
< /head>

举例：
< !DOCTYPE html> 
< html xmlns="http://www.w3.org/1999/xhtml">
    < head>
        < meta  http-equiv="refresh" content="6;url=http://www.baidu.com"/>
    < /head>
    < body>
        < p>这个页面在6秒之后自动跳转到百度首页< /p>
< /body>
< /html>

三、< head>标签内的< style>标签

< head>标签内的< style>标签用于定义元素的CSS样式。
语法：
< head>
< style type=”text/css”>
< !–这里写CSS样式–>
< /style>
< /head>

四、< head>标签内的< script>标签

< head>标签内的< script>标签用于定义页面的脚本。
语法：
< head>
< script type=”text/javascript”>
alert(“绿叶学习网HTML入门教程！”);
< /script>

五、< head>标签内的< link>标签

< head>标签内的< link>标签用于外部文件的链接，一般用于链接外部CSS样式表文件和JS文件。
语法：
< head>
< link rel=”stylesheet” type=”text/css” title=”temp” href=”/temp.css/”>
< /head>

六、< head>标签内的< base>标签

< head>标签内的< base>标签为整个页面定义所有链接的基础定位，其主要的作用是为了确保文档中所有的相对URL，都可以被分解成正确的文档地址，使在文档本身被移动或重命名的情况下也可以正确解析。
语法：
< head>
< base href=”http://lvyestudy”/>
< /head>

< base>标签经常使用在创建文档集合中，为了不破坏文档中任何链接，使用者通过在每个文档中放置正确的< base>标签，便可以再目录甚至服务器之间移动整个文档集合。

< base>标签用得非常少，可以几乎忽略。