Meta标签介绍

Meta标签写法与作用

meta标签是在HTML网页源代码中一个重要的html标签。meta位于head区的辅助性标签,提供用户不可用的信息。

META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。

 页面关键词  <meta name="keywords" content="your tags" />

  页面描述  <meta name="description" content="150 words" />

  搜索引擎索引方式  <meta name="robots" content="index,follow" />  <!--  all:文件将被检索,且页面上的链接可以被查询;  none:文件将不被检索,且页面上的链接不可以被查询;  index:文件将被检索;  follow:页面上的链接可以被查询;  noindex:文件将不被检索;  nofollow:页面上的链接不可以被查询。  -->

  页面重定向和刷新  <meta http-equiv="refresh" content="0;url=" />

  其他  <meta name="author" content="author name" /> <!-- 定义网页作者 -->  <meta name="google" content="index,follow" />  <meta name="googlebot" content="index,follow" />  <meta name="verify" content="index,follow" />

  移动设备  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>  <!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边  -->

  WebApp全屏模式  <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 启用 WebApp 全屏模式 -->

  隐藏状态栏/设置状态栏颜色  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

  添加到主屏后的标题  <meta name="apple-mobile-web-app-title" content="标题">

  忽略数字自动识别为电话号码  <meta content="telephone=no" name="format-detection" />

  忽略识别邮箱  <meta content="email=no" name="format-detection" />

  申明编码  <meta charset=‘utf-8‘ />

  优先使用 IE 最新版本和 Chrome  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />  <!-- 关于X-UA-Compatible -->  <meta http-equiv="X-UA-Compatible" content="IE=6" ><!-- 使用IE6 -->  <meta http-equiv="X-UA-Compatible" content="IE=7" ><!-- 使用IE7 -->  <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->

  禁止浏览器从本地计算机的缓存中访问页面内容  <meta http-equiv="Pragma" content="no-cache">
浏览器不会自动调整文件的大小,也就是说是固定大小,不会随着浏览器拉伸缩放。
 <meta name="MobileOptimized" content="240"/> 
时间: 2024-11-01 09:19:28

Meta标签介绍的相关文章

html meta标签用法详细介绍

meta是html语言head区的一个辅助性标签. 在页面中都有类似这样的html代码: <head> <meta http-equiv="content-Type" content="text/html; charset=gb2312"> </head> 一.meta标签的组成 meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能. 1.n

HTML meta标签总结与属性使用介绍

之前学习前端中,对meta标签的了解仅仅只是这一句. <meta charset="UTF-8"> 但是打开任意的网站,其head标签内都有一列的meta标签.比如我博客的. 但是自己却很不熟悉,于是把meta标签加入了寒假学习计划的最前方. 简介 在查阅w3school中,第一句话中的"元数据"就让我开始了Google之旅.然后很顺利的在英文版的w3school找到了想要的结果.(中文w3school说的是元信息,Google和百度都没有相关的词条.但

meta标签中的http-equiv属性使用介绍(转载)

meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能. 1.name属性 name属性主

HTML meta标签使用介绍

简介 在查阅w3school中,第一句话中的"元数据"就让我开始了Google之旅.然后很顺利的在英文版的w3school找到了想要的结果.(中文w3school说的是元信息,Google和百度都没有相关的词条.但元数据在Google就有详细解释.所以这儿采用英文版W3school的解释.) The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on

关于meta标签中的http-equiv属性使用介绍

meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能. 1.name属性 name属性主

meta标签中的http-equiv属性使用介绍

meta是html语言head区的一个辅助性标签;meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言等等 meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果, meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属

碰到的html标签中meta的介绍

最近整理了一下一些可能会用到的<meta/>标签: <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="Access-Control-Allow-Origin" content=

移动平台对 META 标签的定义

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

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

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