@Secretmm
2016-06-11T12:13:45.000000Z
字数 1290
阅读 754
web前端
一般来说，只有6个标签能放在<head>标签内：
<head> 内部标签 说明
<title> 定义网页的标题
<meta> 定义网页的基本信息（供搜索引擎）
<style> 定义CSS样式
<link> 链接外部CSS文件或脚本文件
<script> 定义脚本语言
<base> 定义页面所有链接的基础定位
一、<head>标签内的<title>标签
<title>标签唯一的作用就是定义网页的标题
二、<head>标签内的<meta>标签
<meta>标签又叫“元信息标签”，是<head>标签内的一个辅助性标签。<meta>标签提供的信息不显示在页面中，一般用来定义页面的关键字、页面的描述等，以方便搜索引擎蜘蛛（如百度蜘蛛、谷歌蜘蛛）来搜索到你这个页面的信息。通俗点说，<meta>标签就是用来告诉“搜索蜘蛛”这个页面是干嘛的。
meta标签有两个重要的属性name和http-equiv。
1、meta标签name属性
meta标签name主要属性值及其作用
name属性值 说明
keywords 网页的关键字（关键字可以是多个，而不仅仅是一个）
description 网页的描述
author 网页的作者
copyright 版权信息
举例：
<head>
<!--网页关键字-->
<meta name="keywords" content="绿叶学习网"/>
<!--网页描述-->
<meta name="description" content="绿叶学习网是一个富有活力的技术学习网站"/>
<!--本页作者-->
<meta name="author" content="helicopter">
<!--版权声明-->
<meta name="copyright" content="本站所有教程均为原创，版权所有，禁止转载。否则将追究法律责任。"/>
</head>
2、meta标签http-equiv属性
学习meta标签的http-equiv属性，我们只需要了解它的两个作用就行了：
一，定义页面所使用的语言
二，实现页面的自动刷新跳转
（1）定义页面所使用的语言
语法：
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
</head>
说明：
这段代码告诉浏览器该页面所使用的字符集是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>
语法：
<!--注释的内容-->