触屏网站meta标签（meta标签的常见功能）

今天给各位分享触屏网站meta标签的知识，其中也会对meta标签的常见功能进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

文章目录列表：

• 1、网页中的META标签是什么意思呀
• 2、手机端网页的头部meta标签里面都应该配置些啥
• 3、在网页中meta标签的作用是什么啊？

网页中的META标签是什么意思呀

在网页的HTML源代码中一个重要的代码“META”（即通常所说的META标签）。META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。

在有关搜索引擎注册、搜索引擎优化排名等网络营销方法内容中，通常都要谈论META标签的作用，我们甚至可以说，META标签的内容设计对于搜索引擎营销来说是至关重要的一个因素，尤其是其中的 “description”（网页描述）和“Keywords”（关键词）两个属性更为重要【参见网络营销教学网站的专文介绍：description Keywords 】。尽管现在的搜索引擎检索信息的决定搜索结果的排名很少依赖META标签中的内容，但META标签的内容设计仍然是很重要的。

从HTML代码实例中可以看到，一段代码中有3个含有meta的地方，并且meta并不是独立存在的，而是要在后面连接其他的属性，如description、Keywords、http-equiv等。下面简单介绍一些搜索引擎营销中常见的META标签的组成及其作用。

META标签可分为两大部分：HTTP-EQUIV和NAME变量。

1、关于META标签中的HTTP-EQUIV

HTML代码实例中有一项内容是

meta http-equiv="Content-Type" content="text/html; charset=gb2312"

其作用是指定了当前文档所使用的字符编码为gb2312，也就是中文简体字符。根据这一行代码，浏览器就可以识别出这个网页应该用中文简体字符显示。类似地，如果 将 “gb2312”替换为“big5”，就是我们熟知的中文繁体字符了。

HTTP-EQUIV用于向浏览器提供一些说明信息，从而可以根据这些说明做出相应。HTTP-EQUIV其实并不仅仅只有说明网页的字符编码这一个作用，常用的HTTP-EQUIV类型还包括：网页到期时间、默认的脚本语言、默认的风格页语言、网页自动刷新时间等。

2、关于META标签中的"description"

HTML代码实例中有关"description"中的代码为：

meta name="description" content="网络营销教学网站提供《网络营销基础与实践》教学支持:网络营销课件,网络营销论文,网络营销实验教学,电子商务论文,网络营销与电子商务书籍等"

"description"中的content="网页描述"，是对一个网页概况的介绍，这些信息可能会出现在搜索结果中，因此需要根据网页的实际情况来设计，尽量避免与网页内容不相关的“描述”，另外，最好对每个网页有自己相应的描述（至少是同一个栏目的网页有相应的描述），而不是整个网站都采用同样的描述内容，因为一个网站有多个网页，每个网页的内容肯定是不同的，如果采用同样的description，显然会有一些网页内容没有直接关系，这样不仅不利于搜索引擎对网页的排名，也不利于用户根据搜索结果中的信息来判断是否点击进入网站获取进一步的信息。

3、关于META标签中的"Keywords"

与META标签中的"description"类似，"Keywords"也是用来描述一个网页的属性，只不过要列出的内容是“关键词”，而不是网页的介绍。这就意味着，要根据网页的主题和内容选择合适的关键词。在选择关键词时，除了要考虑与网页核心内容相关之外，还应该是用户易于通过搜索引擎检索的，过于生僻的词汇不太适合做META标签中的关键词。关于META标签中关键词的设计，要注意不要堆砌过多的关键词，罗列大量关键词对于搜索引擎检索没有太大的意义，对于一些热门的领域（也就是说同类网站数量较多），甚至可能起到副作用。

手机端网页的头部meta标签里面都应该配置些啥

第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；

width - viewport的宽度 height - viewport的高度

initial-scale - 初始的缩放比例

minimum-scale - 允许用户缩放到的最小比例

maximum-scale - 允许用户缩放到的最大比例

user-scalable - 用户是否可以手动缩放

第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；

第三个meta标签也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；

在web app应用下状态条（屏幕顶部条）的颜色；

默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。

注意：若值为“black-translucent”将会占据页面px位置，浮在页面上方

（会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px）。

第四个meta标签表示：告诉设备忽略将页面中的数字识别为电话号码。

在网页中meta标签的作用是什么啊？

厦门中软PHP培训专家为大家解释meta标签的作用，meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的＜head＞与＜/head＞中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。

关于触屏网站meta标签和meta标签的常见功能的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。