前端学习（二）：head标签
进击のpython
前端学习——head标签
head标签中的相关标签，是看不见摸不着的，仅仅是对应用于网页的一些基础信息(元信息)
前面说的是青春版，完整的head应该是这样的
!<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
meta标签
charset
这个是设置网站的字符集
UTF-8 字多，有各种国家的语言，但是保存尺寸大，文件臃肿
gb2312字少，只用中文和少数外语和符号，但是尺寸小，文件小巧
你们公司是做日本动漫的，经常出现一些日语动漫的名字，网页要使用UTF-8
如果用gb2312将无法显示日语
你们公司就是中文网页，极度的追求网页的显示速度，要使用gb2312
如果使用UTF-8将每个汉字多一个byte，所以5000个汉字，多5kb
name
主要用于页面的关键字和描述，是写给搜索引擎看的，关键字可以有多个用 ‘,’号隔开
与之对应的属性值为content，主要是便于搜索引擎机器人查找信息和分类信息用的
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
就是你搜索这些关键字都能找到此网站
<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />
设置Description页面描述，那么百度搜索结果，就能够显示这些语句
这个技术叫做SEO（search engine optimization，搜索引擎优化)
title标签
主要用来告诉用户和搜索引擎这个网页的主要内容是什么
搜索引擎可以通过网页标题，迅速的判断出当前网页的主题
<title>我是测试！！！！</title>
