HTML mate标签

META标签分两大部分：HTTP标题信息(http-equiv)和页面描述信息(name)。

http-equiv

http-equiv类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。

设置页面编码 charset

UTF-8是世界性通用编码，也完美的支持中文编码

GB2312属于中文编码，针对国内用户使用，国外用户访问GB2312编码的网站就会变乱码。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>设置字符编码</title>

</head>

<body>

</body>

</html>

设置页面刷新时间 refresh

让网页多长时间自动刷新，或者多长时间后让网页自动链接到其他网页，单位：秒

不添加URL就本地刷新

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="refresh" content="3;url=https://www.baidu.com">

    <title>刷新</title>

</head>

<body>

    <p>设置网页3秒后跳转百度页面</p>

</body>

</html>

设置网页缓存时间 expires

设置网页在缓存时间过期时间，一旦网页过期，就需要在服务器上重新加载

必须使用GMT的时间格式（格林尼治标准时间），或者直接设为0，数字表示多少时间后过期

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv=expires content=Thu,15 Apr  2010  20:00:00  GMT>

    <title>缓存</title>

</head>

<body>

    <p>Thu,15 Apr  2010  20:00:00  GMT;

    他告诉浏览器缓存有效性持续到2010年4月15日为止，在这个时间之内相同的请求使用缓存，这个时间之外使用http请求。</p>

</body>

</html>

禁止页面缓存 pragma（cach模式）

禁止浏览器从本地的缓存中调阅页面的内容

网页不保存在缓存中，每次访问都刷新页面，访问者无法脱机浏览

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="pragma" content="no-cach">

    <title>禁止缓存</title>

</head>

<body>

</body>

</html>

Set-Cookie (cookie设定)

浏览器访问某个页面时会将它存在缓存中，下次再次访问时就可从缓存中读取，以提高速度。当你希望访问者每次都刷新你广告的图标，或每次都刷新你的计数器，就要禁用缓存了。通常HTML文件没有必要禁用缓存，对于ASP等页面，就可以使用禁用缓存，因为每次看到的页面都是在服务器动态生成的，缓存就失去意义。如果网页过期，那么存盘的cookie将被删除。

注意：必须使用GMT的时间格式。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <Meta http-equiv=Set-Cookie Content=cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path= />

    <title>Set-Cookie</title>

</head>

<body>

</body>

</html>

Window-target (显示窗口的设定)

强制页面在当前窗口以独立页面显示。

这个属性是用来防止别人在框架里调用你的页面。

Content选项：
_blank	在新窗口中打开被链接的文档
_self	默认。在相同的框架中打开被链接的文档
_top	在整个窗口中打开被链接的文档
_parent	在父框架集中打开被链接文档
framname	在指定框架中打开被链接的文档

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv=widow-target Content=_top>

    <title>显示窗口设定</title>

</head>

<body>

</body>

</html>

NAME变量

name是描述网页的，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。

name的value值（name=）指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值，如：creationdate(创建日期) 、

document ID(文档编号)和level(等级)等。

name的content指定实际内容。如：如果指定level(等级)为value(值)，则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。

Keywords (关键字)

说明：为搜索引擎提供的关键字列表

用法：<Meta name=Keywords Content=关键词1,关键词2，关键词3,关键词4,……>

各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name=kyewords lang=en content=关键字,关键字,关键字>

    <title>网页关键字</title>

</head>

<body>

</body>

</html>

Description (简介)

Description用来告诉搜索引擎你的网站主要内容。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name=description content=你网页的简述>

    <title>网页的简述</title>

</head>

<body>

</body>

</html>

Robots (机器人向导)

Robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。

许多搜索引擎都通过放出robot/spider搜索来登录网站，这些robot/spider就要用到meta元素的一些特性来决定怎样登录。

Content的参数
all	文件将被检索，且页面上的链接可以被查询；
none	文件将不被检索，且页面上的链接不可以被查询；(和 noindex, no follow 起相同作用)
index	文件将被检索；（让robot/spider登录）
follow	页面上的链接可以被查询；
noindex	文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)
nofollow	文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name=robots content=all>

    <title>Robots</title>

</head>

<body>

</body>

</html>

Author (作者)

标注网页的作者或制作组

Content可以是：你或你的制作组的名字,或Email

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name=author content=修抗,www.1778895866@qq.com>

    <title>网页的作者</title>

</head>

<body>

</body>

</html>

标注版权

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name=copyright content=本页版权归修抗个人所有。All Rights Reserved>

    <title>网页的版权</title>

</head>

<body>

</body>

</html>

6、Generator (编辑器)

编辑器的说明

Content=你所用编辑器

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name=generator content=sublime>

    <title>编写网页使用的编辑器</title>

</head>

<body>

</body>

</html>

HTML mate标签的更多相关文章

<mate>标签中属性/值的各个意思
<mate>标签中属性/值的各个意思 HTML 4 name 属性 1.<mate name="author" content="" /> ...
rem的在vue项目中使用配置，，浏览器的兼容性之Mate标签
在vue中配置rem 位置:在APP.vue的script中,在export default之外 (()=>{ let winW = document.documentElement.clien ...
Html mate标签的常见功能
一.常用的功能 1.禁止屏幕缩放 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, us ...
mate标签
<meta charset='utf-8'>  <meta http-equiv="X-UA-C ...
最近一年多我总结的常用mate标签-常用mate标签
昨天开始上班 ,今天晚上不是太忙 ,来写篇博客了 meta元素共有三个可选属性(http-equiv.name和scheme)和一个必选属性(content),content定义与 http-equ ...
最近我总结的常用mate标签-常用mate标签
昨天开始上班 ,今天晚上不是太忙 ,来写篇博客了 meta元素共有三个可选属性(http-equiv.name和scheme)和一个必选属性(content),content定义与 http-equ ...
mate 标签的 http-equiv
http-equiv 1. 页面的描述 <meta http-equiv="description" content="This is my page"& ...
移动端mate标签设置
<meta name="viewport" content="width=device-width,height=device-height,initial-sca ...
HTML <meta> 标签，搜索引擎
关于Mate标签的详尽解释,请查看w3school 网址为:http://www.w3school.com.cn/tags/tag_meta.asp meta标签作用 META标签是HTML标记HEA ...

随机推荐

WordPress文章中插入qq表情
看见一些博客中使用了QQ表情,这个效果还是很不错的,可以让文章看起来更爽,那么这个是怎么实现的呢? 下面我就来说说方法. 工具:QQ表情包,下载地址:http://yunpan.cn/cLw6UhwB ...
Java大世界
"java越来越过份了." php狠狠的说,他转头看着C:"C哥,您可是前辈,java最近砸了我不少场子,你老再不出来管管,我怕他眼里就没有您了啊." C哥吸烟 ...
js---BOW---页面打开方式，跳转方式 2017-03-24
BOM ( browse object model) 一.js页面的三种打开方式 1. window.open 格式: window.open("第一部分", "第二部 ...
Xshell提示缺失mfc110.dll
xshell 应用程序无法正常启动0xc000007b 下载 DirectX修复工具_3.3 Xshell 缺少 mfc110.dll https://www.microsoft.co ...
python基础学习笔记一
1.变量为了节省内存,python解释器会对一些简单的字符串以及小整型数,做出一些优化,当要定义的新变量的内容与定义过的内容相同时,会让两者使用同一个内存空间. 例如: 在这个例子里面,'old'是 ...
SpringBoot快速开发REST服务最佳实践
一.为什么选择SpringBoot Spring Boot是由Pivotal团队提供的全新框架,被很多业内资深人士认为是可能改变游戏规则的新项目.早期我们搭建一个SSH或者Spring Web应用,需 ...
【Python】获取MP3信息replica
replica 初衷是想要整理iphone中的音乐.IOS(我自己的手机还是IOS8.3,新版本的系统可能有变化了)自带的音乐软件中所有音乐文件都存放在/var/mobile/Media/iTunes ...
java.lang.system 类源码解读
通过每块代码进行源码解读,并发现源码使用的技术栈,扩展视野. registerNatives 方法解读 /* register the natives via the static initializ ...
C语言第三次作业总结
本次作业的亮点总体情况大部分同学基本掌握了单层循环结构的写法,懂得了代码调试的过程 PTA通过率及作业质量都不错,希望再接再厉推荐博客黄毓颖推荐理由:代码思路清晰,格式良好:调试过程相当形象 ...
alpha-咸鱼冲刺day6-紫仪
总汇链接一,合照 emmmmm.自然还是没有的. 二,项目燃尽图三,项目进展 !!!QAQ可以做到跟数据库交互了!!!!先来撒花花!(然后继续甲板) (然后就没有进展了.翻车+1s) 四,问题困难 ...

HTML mate标签

HTML mate标签的更多相关文章

随机推荐

热门专题