聊一聊meta标签的细节

meta是html语言head区的一个辅助性标签。可能你觉得这些代码可有可无。其实如果你能够用好meta标签,会有一些奇效。

meta标签的作用有:

1.搜索引擎优化(seo)

2.定义页面使用语言

3.自动刷新并指向新的页面

4.实现网页转换时的动态效果

5.控制页面缓冲

6.网页定级评价

7.控制网页显示的窗口————viewport

meta标签总共有2个属性        ①name属性      ②http-equiv属性

name属性有以下几个参数:

1.keywords————关键字

说明:keywords用来告诉搜索引擎你网页的关键字是什么。

<meta name="keywords" content="xm,xiongmao"/>

2.description————网站的内容描述

说明:description用来告诉搜索引擎你的网站的主要内容。

<meta name="Description" content="this is my first html"/>

3.robots————机器人向导

说明:robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。对应的content参数有 all,none,index,follor,nofollow。默认是all。

<meta name="robots" content="none"/>

4.author————作者

说明:标注网页的作者

<meta name="author" content="xiongmaogege,[email protected]"/>

5.viewport————视图

http-equiv的属性有以下几个参数

时间: 2024-10-05 15:11:20

聊一聊meta标签的细节的相关文章

移动平台对 META 标签的定义

下面介绍一些有关标记的例子及解释. 一.meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name). 1.http-equiv 属性的 Content-Type 值(显示字符集的设定) 说明:设定页面使用的字符集,用以说明主页制作所使用的文字语言,浏览器会根据此来调用相应的字符集显示 page 内容. 用法: <meta http-equiv="Content-Type" content="text/html; charset=utf

HTML meta标签常用属性整理

概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. -- W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把content属性关联到HTTP头部. na

HTML中&lt;meta&gt;标签的使用

HTML中<meta>标签的使用 <meta>标签基本介绍 <meta>标签是HTML网页源代码中一个重要的html标签.META便签用来描述一个HTML网页文档的属性,例如作者.日期.关键词.页面刷新.除此之外<meta>标签用于搜索引擎优化(SEO).它位于HTML文档中<head>元素内,虽然它提供的信息不可见,但它却是文档最基本的元信息. <meta>标签的属性列举 <meta>标签中属性可以分为必选属性和可选的属

meta标签常用属性整理

在segmentfault看到这篇文章,觉得整理的很详细,所以转载过来和大家分享一下.原文地址:http://segmentfault.com/blog/ciaocc/1190000002407912作者:ciaocc版权贵ciaocc所有,转载请注明版权. 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. ——W3School 必要属性 属性 值 描述 content

Meta 标签详解

META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的标记和 标题 <<标记之间,它提供用户不可见的信息.meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie:它可以用于鉴别作者,设定页面格式,标注内容提要和关键字:还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等. 详细介绍 下面介绍一些有关 标记的例子及解释. META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NA

移动web前端之meta标签

最近这段时间忙着做web移动端,东西跟pc端还是有区别的.这个月也学到了不少东西,太多了就从头开始,先总结meta标签吧. 主要标签内容和注释如下: <meta charset="UTF-8"> <!--html5 已经简化 设置charset字符编码的格式--> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/> <!--使用

Html中meta标签详解--以前经常忽略的

W3School介绍:http://www.w3school.com.cn/html5/html5_meta.asp meta是用来在HTML文档中模拟HTTP协议的响应头报文. meta 标签的用处很多. meta 的属性有两种:name和http-equiv. name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找.分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类).这其中最重要的是description(站点在搜索引擎上的描述)和

&lt;meta&gt;标签总结

1.Pragram:禁用浏览器缓存 <meta http-equiv="Pragma" content="no-cache"> 2.expires:用于设定网页的到期时间,缓存 <meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT"> 前面两个缓存,当然缓存还有:cache-control策略.Last-Modifed/If-

meta标签及其应用

META标签是HTML语言HEAD区的一个辅助性标签,提供用户不可见的信息. meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie:它可以用于鉴别作者,设定页面格式,标注内容提要和关键字:还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级等等. META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME). HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地