meta标记
meta标记看似是HTML语言HEAD区的一个辅助性标签，其实它的作用很大。META标签共有两个属性，它们分别是Http-equiv属性和Name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
1.Name属性
Name属性主要用于描述网页，与之对应的属性值为Content，Content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
Meat标签的Name属性语法格式是：
- <meta name="参数" content="具体的参数值">
其中Name属性主要有以下几种参数：
A.Keywords（关键字）
说明：Keywords用来告诉搜索引擎你网页的关键字是什么。
举例：
- <meta name="keywords" content="science,education,culture,politics,ecnomics relationships,entertaiment,human">
B.Description（网站内容描述）
说明：Description用来告诉搜索引擎你的网站主要内容。
举例：
- <meta name="description" content="This page is about the meaning of science, education,culture.">
C.Robots（机器人向导）
说明：Robots用来告诉搜索机器人需要索引的页面有哪些。
Content的参数有All、None、Index、Noindex、Follow、Nofollow。默认是All。
举例：
- <meta name="robots" content="none">
D.Author(作者)
说明：标注网页的作者
举例：
- <meta name="author" content="zys666,zys666@21cn.com">
2.Http-equiv属性
Http-equiv，顾名思义，相当于HTTP的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确显示网页内容，与之对应的属性值为Content，Content中的内容其实就是各个参数的变量值。
Meat标签的Http-equiv属性语法格式是：
- <meta http-equiv="参数" content="参数变量值">
其中Http-equiv属性主要有以下几种参数：
A.Expires（期限）
说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。
用法：
- <meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">
注意：必须使用GMT的时间格式。
B.Pragma（Cache模式）
说明：禁止浏览器从本地计算机的缓存中访问页面内容。
用法：
- <meta http-equiv="pragma" content="no-cache">
注意：这样设定访问者将无法脱机浏览。
C.Refresh（刷新）
说明：自动刷新并指向新页面。
用法：
- <meta http-equiv="refresh" content="2；url=http://www.onchina.net">
注意：其中的"2"是指停留2秒钟后自动刷新到URL网址，可以更改，但建议不要改得太大。
D.Set-cookie（Cookie设定）
说明：如果网页过期，那么存盘的Cookie将被删除。
用法：
- <meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT；path=/">
注意：必须使用GMT的时间格式。
E.Window-target（显示窗口的设定）
说明：强制页面在当前窗口以独立页面显示。
用法：
- <meta http-equiv="window-target" content="_top">
注意：用来防止别人在框架里调用自己的页面。
F.Content-type（显示字符集的设定）
说明：设定页面使用的字符集。
用法：
- <meta http-equiv="content-type" content="text/html; charset=gb2312">
分享到：
相关推荐
如果一段html嵌套过多，在js中获取还是比较麻烦的，我写了...meta charset=UTF-8> <title>元素多层嵌套，JS获取问题</title> </head> <body> <span>span <span>span <span>1 <spa
元素 可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 <meta> 标签位于文档的头部，不包含任何内容。 <meta> 标签的属性定义了与文档相关联的名称/值对...
JavaScript offsetParent案例详解 1. offsetParent定义：那么offsetParent就是距离该子元素最近的进行过定位的父元素（position：absolute relative fixed），如果其父元素中不存在定位则offsetParent为：body元 ...
5.6.3 背景属性在内联元素中的使用 5.6.4 背景属性的缩写 5.6.5 页面文本的样式 5.6.6 链接的样式 5.7 布局的基础 5.7.1 布局页面的步骤 5.7.2 使用ID 还是Class 5.7.3 控制内容显示的display 属性 5.7.4 控制内容...
对于桌面平台web布局中大家对meta标签再熟悉不过了，它永远位于 head 元素内部，对做SEO的朋友一定对meta有种特殊的感情吧，今天我们就来说说移动平台的meta标签，在移动平台meta标签究竟有哪些神奇的功效呢？...
说明:remove()方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素，不过除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。 语法结构: $(selector).remove...
meta charset="UTF-8"> <title>vue实例：添加删除元素r</title> <style type="text/css"> .form-group{ margin:10px; } .form-group>label{ display: inline-block; width: 5rem; ...
本篇文章将会给大家介绍两种删除数组中的指定元素的方式，分别为： 1、单独定义一个的函数，通过函数来删除指定数组元素。...meta charset=UTF-8> </head> <body> <div class=demo
此方法是使用比较频繁的方法之一，虽然在API手册上有着对方法的介绍，但是由于语言简短，例子不够详细，可能会造成不能够完全准确的掌握bind()方法的使用，下面就结合实例介绍一下此方法的使用。 语法格式: $...
默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。 :after 伪元素在元素之后添加内容 这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用...
复制代码代码如下:wmode参数：transparent模式：可用z-index控制层级opaque模式：可用z-index控制层级window...meta charset=”UTF-8″> <title> HTML元素遮挡Flash – 情景1 </title> <style>
meta charset=UTF-8> <title>Learn4Font</title> </head> <body> 元素 b —— I am the example.</b></p> 元素 em —— I am the example.</e
使用过Vue的小伙伴一定使用过v-if 这个属性，但是这个属性主要是来干什么的呢,他得用途是那些？ 这里我总结了一下，v-if使用一般有两个场景： 1- 多个元素 通过条件判断展示或者隐藏某个元素。或者多个元素 2- 进行...
XML/HTML Code复制内容到剪贴板 <!... <... <head> ...meta charset=UTF-8>...–表单内元素的form属性：为元素指定一个form属性，属性值为该表单的id–> <form id=testform>
主要介绍了移动客户端手机页面布局时各标签元素作用和适用情景，通过详解几种属性让读者更明确自适应布局的注意点，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。
本文实例为大家分享了jQuery子元素选择器，供大家参考，具体内容如下 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title&...
prepend（）方法将指定元素插入匹配元素按内部的开头，其作用和prependTo（）方法基本相同，只在语法上有差别，虽然说在语法形式上看基本相同。 下面介绍下语法结构: 代码如下: $(selector).prepend(content) 参数...
本文实例为大家分享了表单元素选择器，供大家参考，具体内容如下 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>&...
.capture事件修饰符的作用添加事件侦听器时使用事件捕获模式 即是给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。若有多个该修饰符，则由外而内触发。 就是谁有该事件修饰符，就先触发谁。 ...