web前端程序猿必看的meta标签汇总

《web前端程序猿必看的meta标签汇总》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、WEB前端程序猿必看的meta标签汇总対于一般的前端工程师來说，知道一些常用的就好了，但是突然有一天，BOSS提出一些比较另类的需求，譬如：忽略页面中的数字识别为电话，忽略email识别这一类的需求等，我们又不得不去满足Ta。那些写过的代码一股脑的上涌，但是这并没有用，瞬间大脑一片空白，对这个需求一点印象。这时，如果有一位大牛能点拨一下，是不是会有一种想以身相许的冲动。呵呵……这时候小编的这编汇总就可以帮到您。小编查阅大量国内外相关资源，终于总结出了以下的文章，希望以下的内容对您有帮助。那么我们就直奔我们的

2、主题吧！來，上代码。首先，我们先来了解一下，什么是meta标签？＜meta＞元素可提供有关页面的元信息（meta-information）,比如针对搜索引擎和更新频度的描述和关键词。以上是w3c上的解释。元信息，是用來描述数据的数据，也就是用來描述当前页面的一些信息。例如：定义页面的一些描述信息、文件编码、关键词、作者等等。一、＜meta＞标签包含的属性1.name属性name属性提供了名称/值对中的名称（而后面要说的content属性则是该名称対应的值）。假如我们把页面想象成一个我们生活中的实物的话，拿个

3、人简历来作类比，诸如姓名、性别、籍贯、技能、项目经验等等这些都可以看做是个人简历的name属性，content属性相当于这些名称对应的值。基本语法结构：＜metaname="名称”content="具体的描述”〉2.content属性content属性提供了名称/值对中的值。该值可以是任何有效的字符串。content属性始终要和name属性或http-equiv属性一起使用。3.http-equiv属性equiv是equivalent的简写，是相等的，等价物的意思。不难理解，相当于http的文件头作用，它可

4、以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content,content中的内容其实就是各个参数的变量值。（http不了解的同学，可以找找相关的资料了解一下）。基本语法结构：＜metahttp-equiv="名称”content="具体的描述”a、＜meta＞标签常用的名称/值对1.keywords（关键字）说明：用于告诉搜索引擎，你网页的关键字。示例：

5、it培训机构，源码时代,源代码教育〃/>^description（网站内容的描述）说明：用于告诉搜索引擎，你网站的主要内容。示例：3.author（作者）说明：用于标注网页作者。示例：

6、hor"content="猿妹儿"〉4.renderer（双核浏览器渲染方式）说明:Tenderer是为双核浏览器准备的，用丁•指定双核浏览器默认以何种方式渲染页面。比如说360浏览器。示例：〃默认webkit内核〃默认IE兼容模式〃默认IE标准模式5.viewport（移动端的窗

7、口）说明：viewport视为移动终端设计的属性常用参数说明：widthheightinitial-scaleminimum-scale一viewport的宽度一viewport的高度-初始的缩放比例-允许用户缩放到的最小比例maximum-scale-允许用八缩放到的最人比例user-scalable-

8、用户是否可以手动缩放6・content-Type（设定网页字符集）说明：用于设泄网页字符集，便于浏览器解析与渲染页面示例:〃旧的HTML,不推荐//HTML5设定网页字符集的方式，推荐使用UTF-87.X-UA-Compatible（浏览器采取何