第四章 head中的标签
一、meta标签
实例
<head>
<meta name="description" content="前端笔记">
<meta name="keywords" content="HTML">
<meta name="author" content="Langkye">
<meta charset="UTF-8">
</head>
- 定义文档关键词，用于搜索引擎：
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
- 定义web页面描述：
<meta name="description" content="Free Web tutorials on HTML and CSS">
- 定义页面作者：
<meta name="author" content="Hege Refsnes">
- 每30秒刷新页面：
<meta http-equiv="refresh" content="30">
1.1 meta常用标签属性：http-equiv
它用来向浏览器传达一些有用的信息，帮助浏览器正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
在HTML4版本中，使用如下配置来规定HTML文档的字符编码。
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
而在HTML5中，则使用更为简化的方式来规定HMTL文档的字符编码。
<meta charset="UTF-8">
1.2 字符集
- HTML字符集
要正确显示一个 HTML 页面，浏览器必须知道要使用的字符集（字符编码）。
如今的HTML5中默认的字符编码是UTF-8。但在早期，并非如此，而是ACSLL码。到了HTML2以后，HTML5之前，ISO-8859-1被认定为网络字符编码的标准。随着XML和HTML5的出现，UTF-8成为了新的字符编码标准，解决了大量的字符编码问题。
- ASCLL码
计算机信息（数字、文字、图片）在电子中是以二进制 1 和 0（01000101）进行存储的。
为了规范字母数字字符的存储，创建了 ASCII（全称 American Standard Code for Information Interchange）。它为每个存储字符定义了一个独特的二元 7 位数字，支持 0-9 数字，大/小写英文字母（a-z、A-Z）和一些特殊的字符，比如 ! $ + - ( ) @ < > 。
由于 ASCII 使用一个字节（7 位表示字符，1 位表示传输奇偶控制），所以它只能表示 128 个不同的字符。这些字符中有 32 个被保留作为其他控制目的使用。
ASCII 今天仍然在广泛使用，尤其是在大型计算机系统中。
- ASCII 的最大的缺点是，它排除了非英文字母。
如需深入了解ASCLL，请查看W3C完整的ASCll参考手册
- Windows中的字符编码：ＡＮＳＩ
ANSI（也称为 Windows-1252），是 Windows 95 及其之前的 Windows 系统中默认的字符集。ANSI 是 ASCII 的扩展，它加入了国际字符。它使用一个完整的字节（8 位）来表示 256 个不同字符。
自从 ANSI 成为 Windows 中默认的字符集，所有的浏览器都支持 ANSI。
如需深入了解 ANSI，请查看(W3C完整的 ANSI 参考手册)[https://www.w3cschool.cn/charsets/ref-html-ansi.html]。
- HTML4中的字符编码：ISO-88591
由于大多数国家使用 ASCII 以外的字符，在 HTML 2.0 标准中，默认的字符编码更改为 ISO-8859-1。
ISO-8859-1 是 ASCII 的扩展，它加入了国际字符。与 ANSI 一样，它使用一个完整的字节（8 位）来表示 256 个不同字符。
- HTML5中的字符编码：UTF-8
HTML5中的默认字符编码为UTF-8，所有的 HTML 4 处理器都支持 UTF-8，所有的 HTML5 和 XML 处理器都支持 UTF-8 和 UTF-16。
由于以上所列的字符集是有限的，在多语言环境中是不兼容的，所以 Unicode 联盟（Unicode Consortium）开发了 Unicode 标准（Unicode Standard）。其特点如下：
-
Unicode 标准覆盖了（几乎）所有的字符、标点符号和符号。
-
Unicode 使文本的处理、存储和运输，独立于平台和语言。
如需深入了解 Unicode（UTF-8），请查看W3C完整的 Unicode 参考手册。
UTF-8是国际通用字库，里面涵盖了所有地球上所有人类的语言文字，比如阿拉伯文、汉语、其他。
gb2312 是国标，是中国的字库，里面仅涵盖了汉字和一些常用外文，比如日文片假名，和常见的符号。
字库规模：UTF-8 （字全）> gb2312（只有汉字）。
我们用meta标签可以声明当前这个html文档的字库，但是一定要和保存的类型一样，否则乱码！。
1.3 meta标签常用属性：name
主要用于页面的关键字和描述，是写给搜索引擎看的，关键字可以有多个用 ‘,’号隔开，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
这些关键词，就是告诉搜索引擎，这个网页是干嘛的，能够提高搜索命中率。让别人能够找到你，搜索到。
<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />
设置Description页面描述，那么百度搜索结果，就能够显示这些语句，这个技术叫做SEO（search engine optimization，搜索引擎优化)。如：
二、title标签
主要用来告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出当前网页的主题。如，百度网站标签标题。
