meta标签部分总结
<meta>标签用于提供页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。
由于看到很多网页<head>里面<meta>标签的内容很多,对这些标签含义了解不太清晰,因此进行归纳总结。(内容参考 http://www.haorooms.com/post/html_meta_ds)
meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换
时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等。
1.name属性
<meta name="参数" content="具体的参数值">(content里面的内容用逗号隔开)
name属性主要参数:
keywords(关键词)
description(网站内容描述)
robots
(机器人向导,用来告诉搜索机器人哪些页面需要索引,哪些不需要索引;
content参数有:all,none,index,noindex,follow,nofollow.默认是all)
<meta name="robots" content="none">
author(作者,标注网页上的作者)
<meta name="author" content="root,root@xxx.com">
generator(说明网站的采用的什么软件制作)
<meta name="generator" content="信息参数"/>
COPYRIGHT(说明网站版权信息)
<meta name="COPYRIGHT" content="信息参数">
revisit-after(代表网站重访,7days代表7天,以此类推)
<meta name="revisit-after" content="7days">
2.http-equiv属性
相当于文件头作用,可以向浏览器传回一些有用的信息,以帮助正确和精确的显示网页内容,与之对应的属性值
为content,content中的内容其实就是各个参数的变量值。
<meta http-equiv="参数" content="参数变量值">
Expires(期限,用于设定网站的到期时间,一旦网站到期,必须到服务器上重新传输。必须使用GMT时间格式)
<meta http-equiv="expires" content="Fri,12Jan200218:18:18GMT">
Pragma(cache模式,设置为no-cache,访问者将无法脱机浏览。)
<meta http-equiv="pragma" content="no-cache">
Refresh(刷新,自动刷新并指向新页面)
<meta http-equiv="Refresh" content="2;URL=http://www.hao123.com">
Set-Cookie(cookie设定,如果网页过期,那么存盘的cookie将被删除)
<meta http-equiv="Set-Cookie" content="cookie value=xxx;expires=Fri,12Jan200218:18:18GMT;path=/">
Window-target(显示窗口的设定,强制页面在当前窗口以独立页面显示,用于防止别人在框架里调用自己的页面)
<meta http-equiv="Window-target" content="_top">
content-Type(显示字符集的设定,设定页面使用的字符集)
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
字符编码类型:
gb2312, 简体中文;
big5, 繁体中文;
iso-2022-jp, 日文;
ks_c_5601, 韩文;
iso-8859-1, 英文;
utf-8, 世界通用的语言编码;
content-Language(显示语言的设定)
<meta http-equiv="content-Language" content="zh-cn"/>
Cache-Control(指定请求和响应遵循的缓存机制)
<meta http-equiv="cache-control" content="no-transform">(禁止百度转码)
在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。
请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached,
响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。
imagetoolbar(指定是否显示图片工具栏,false代表不显示,true代表显示)
<meta http-equiv="imagetoolbar" content="false">
Content-Script-Type(w3c网页规范,指明页面中脚本的类型)
<meta http-equiv="Content-Script-Type" content="text/javascript">
Page-Enter/Page-Exit(设定进入和离开页面时的特殊效果,tansition是滤镜效果,有24种)
<meta http-equiv="Page-Enter" content="revealTrans(duration=10,transtion=5)"
<meta http-equiv="Page-Exit" content="revealTrans(duration=20,transtion=6)"
meta标签部分总结的更多相关文章
- meta标签
参考:http://www.jb51.net/web/158860.html META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME). 一.HTTP标题信息(HTT ...
- Asp.net 后台添加CSS、JS、Meta标签
Asp.net 后台添加CSS.JS.Meta标签的写法,我这里写成函数方便以后使用.如果函数放在页面类中, Page参数也可以不要. 首先导入命名空间 using System.Web.UI.Htm ...
- 浏览器内核控制Meta标签说明文档【转】
背景介绍 由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲 ...
- HTML <meta> 标签,搜索引擎
关于Mate标签的详尽解释,请查看w3school 网址为:http://www.w3school.com.cn/tags/tag_meta.asp meta标签作用 META标签是HTML标记HEA ...
- 使用视 meta 标签来控制手机浏览器布局
移动浏览器的Fennec一样呈现在一个虚拟的"窗口"页面(视),通常比屏幕宽.所以他们不需要去挤每个页面布局到一个小窗口(这会破坏许多非移动优化的网站) .用户可以平移和缩放才能看 ...
- html meta标签属性与内容
meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言, ...
- Meta标签介绍
Meta标签写法与作用 meta标签是在HTML网页源代码中一个重要的html标签.meta位于head区的辅助性标签,提供用户不可用的信息. META标签用来描述一个HTML网页文档的属性,例 ...
- meta标签中的http-equiv属性使用介绍(转载)
meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言, ...
- 爬虫技术 -- 进阶学习(十一)【补充】获取html中meta标签中的content的内容
上一篇网易新闻页面信息抓取 -- htmlagilitypack搭配scrapysharp中提及了很多如何快速抓取html中的文本的语句, 但是meta标签中的content内容的抓取,没有提及到! ...
- Meta标签详解(HTML JAVASCRIPT)
Meta标签详解,在网上转的,希望对大家有用 您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广 个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中 ...
随机推荐
- grunt搭建前端自动化实践
grunt是什么? grunt是一个前端构建工具, 每种应用开发, 都有一套构建工具, 例如linux c程序开发, 构建工具是make, java程序的构建工具为maven,web前端经过十多年的发 ...
- UIButton详解
// ----------------------------------UIButton------------------------------ // UIButtonTypeSystem 点击 ...
- how to use automapper in c#, from cf~
[DataContract] public class GroupDto { [DataMember] public int id { get; set; } [DataMember] public ...
- Ubuntu 16.04 LTS Final Beta
期待已久的Ubuntu LTS 版本开放了公测版本 Ubuntu 16.04 (Xenial Xerus) Daily Build(http://cdimage.ubuntu.com/daily-l ...
- Python学习总结16:时间模块datetime & time & calendar (三)
calendar模块 常见函数及说明 1 calendar.calendar(year,w=2,l=1,c=6) 返回一个多行字符串格式的year年年历,3个月一行,间隔距离为c. 每日宽度间隔为 ...
- NVL 和NVL2函数
NVL 和NVL2函数 NVL函数: nvl(exp1,exp2) -->判断exp1是否是null,如果exp1不是则返回exp1的值,如果exp1为null则返回exp2 nvl2函数: n ...
- 从C#的Singleton设计模式
近来,我在学习如何在C#语言中使用设计模式中读到一些资料,其中有关Singleton设计模式引起了我的注意. 学过设计模式的开发者都知道Singleton模式.我想简要地解释一下这个设计模式是为那些尚 ...
- 如何学习c++
在之后的随笔中,我作为一个c++的初学者将会把我如何学习c++的经历尽可能详细的记录下来. 这里引用了JerryZhang在他的博文里面写的一段话,当作我的座右铭. 1.多交流:不管你的技术多么硬,你 ...
- Oracle游标总结三
-- 声明游标:CURSOR cursor_name IS select_statement --For 循环游标--(1)定义游标--(2)定义游标变量--(3)使用for循环来使用这个游标,for ...
- 夺命雷公狗—angularjs—9—ng-class的自定义函数的用法
angularjs里面其实给我们留下了一个很不错的地方,他就是可以直接调用函数从而对该位置进行处理, 被点击后展示效果如下所示: 开始走代码吧.... <!doctype html> &l ...