进击の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>