【Meta】
Meta标签分两大部分:HTTP标题信息(http-equiv)和页面描述信息(name)
(1) http-equiv类似于http的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的http-equiv类型有:
① content-type和content-language(显示字符集的设定)
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta http-equiv="content-language" content="zh-CN/EN/FR">
(charset-字符集;gb2312-国标汉字码;big5-繁体中文码;utf-8;)
② refresh(刷新)
10秒后自动刷新一次:<meta http-equiv="refresh" content="10">
10秒后自动跳转到另一文件:
<meta http-equiv="refresh" content="10;url='欲连接文件的url' ">
③ page-enter/page-exit(页面载入或调出时的特效)
<meta http-equiv="page-enter" content="blendtrans(duration=0.5)">
<meta http-equiv="page-exit" content="blendtrans(duration=0.5)">
(blendtrans是动态滤镜的一种,产生渐隐效果)
Revealtrans效果
<meta http-equiv="page-enter" content="revealtrans(duration=#,transition=#)">
<meta http-equiv="page-exit" content="revealtrans(duration=#,transition=#)">
(duration表示滤镜特效持续时间(秒);transition表示滤镜类型(0~23))
④ content-script-type(脚本相关)
<meta http-equiv="content-script-type" content="text/javascript">
W3C的规范,指明页面中脚本的类型
⑤ http-equiv="pics-Label"时,content表示页面内容的等级
⑥ http-equiv="expires"时,content表示页面过期的日期
(2) name是描述网页的,对应于content(网页内容),以便于搜索引擎机器人查找分类
(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)
<meta name="keywords" content="关键词1,关键词2,关键词3,…">
<meta name="keywords" lang="EN" content="vacation,greece,sunshine">
<meta name="keywords" lang="FR" content="vacances,grè:ce,soleil">
(meta通常的作用是指定搜索引擎用来提高搜索质量的关键词,当数个meta元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过客户的语言优先参照来显示搜索结果)
<meta name="description" content="网页简述">
(将网页主页内容提交搜索引擎)
<meta name="robots" content="all/none/index/noindex/follow/nofollow">
(告诉搜索机器人哪些页面需要索引,哪些不需要)
all:文件将被检索,且页面上的链接可以被查询
none:文件将不被检索,且页面上的链接不可以被查询(和noindex/nofollow相同)
index:文件将被检索(让robot/spider登录)
noidex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spide登录)
nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)
作者(author)<meta name="author" content="xxx,xxx@163.com">
版权(copyright)<meta name="copyright" content="本页版权归xxx所有All Rights Reserved">
【Link】
link将目前文件与其它url作连结,但不会有连结按钮
<link href="style.css" rel="stylesheet" type="text/css" >
<link href="url" rel="relationship">
<link href="url" rel="shortcut icon">
(功能:网站保存在文件夹中会带有小图标,点击进入后地址栏中也有小图标)
【Base】
base基链接
<base href="放置文件的主机url" target="_blank/_parent/_self/_top/framename">
如<base href="https://www.baidu.com">那么就是说,网页中所有的路径都相对https://www.baidu.com这一路径目录的,一个单独的链接中就可以写<img src="images/xx.jpg">,这样图片也能显示,但是你跟本找不到图片文件夹,因为都在https://www.baidu.com下