程序员web前端好手分享meta标签在html中的用法详解< titlesplit >看一下，Html中的meta标签1.meta标签的含义 元素可以提供关于页面的元信息，例如搜索引擎的描述和关键字以及更新频率。 标签位于文档头部，不包含任何内容。 标签的属性定义了与文档关联的名称/值对。2、meta中的公共属性charset（字符集） 说明：规定HTML文档的字符编码。 用法：2.视口（viewport） 描述：是用户网页的可见区域。我们都知道，移动设备的屏幕一般要比PC小很多。webkit浏览器会将一个更大的“虚拟”窗口映射到移动设备的屏幕上。默认的虚拟窗口是980像素宽（目前大多数网站的标准宽度），然后按一定比例（3:1或2:1）缩放。 也就是说，当我们加载一个普通的网页时，webkit会先加载浏览器标准980像素的网页，然后再缩小到490像素的宽度。请注意，此缩小是全局缩小，即页面上的所有元素都会被缩小。 用法：1. (1)width width控制视口的大小，一般设置为device-width (2)initial-scale initial-scale：初始缩放比例，即当页面在第一次加载时首先缩放。 (3)maximum-scale maximum-scale最大缩放比例。即允许的最大缩放级别。这也是一个浮点值，表示页面大小与屏幕大小的最大乘数。 (4)minimum-scale minimum-scale：允许用户缩放到的最小比例。类似于最大规模的使用。 (5)user-scalable user-scalable用户可调缩放。即，用户是否可以更改页面的缩放级别。如果设置为是，则允许用户更改它，否则为否。keywords（关键字） 说明：为搜索引擎提供的关键字列表。每个关键字由逗号“,”分隔。指定搜索引擎用来提高搜索质量的关键字。 Usage:description（描述，介绍） Description：Description是用来告诉主要您网站的搜索引擎内容。 用法：format-detection（格式检测） 说明：format-detection用于检测html中的某些格式。 用法：meta的format-detection属性主要有以下设置： 1.metaname="format-detection"content="telephone=no"2. metaname="format-detection"content="email=no"3, metaname="format-detection"content="adress=no" 也可以连续写：metaname="format-detection"content="telephone=no,email=no,adress=no" （1）电话 你明明写了一串没有链接样式的数字，iPhone却会自动给你的文本加上链接样式，点这个数字将返回自动拨号！如何去掉这个拨号链接？这时候，我们的meta又要发挥它的魔力了，代码如下： telephone=no，禁止将号码转换为拨号链接！ telephone=yes可以将号码转换为拨号链接。开启转换功能，不用写这个meta，默认开启！ （2）email 告诉设备不识别邮箱，点击后不会自动发送 email=no禁止作为邮箱地址！ email=yes开启，默认使用文本作为邮件地址。这个meta不用写，默认开启！ （3）adress adress=no禁止跳转地图！ adress=yes开启点击地址直接跳转地图功能，默认开启！apple-touch-fullscreen 说明：添加到主屏后，会全屏显示。 用法：7.apple-mobile-web-app-capable 说明：功能是删除默认的苹果工具栏和菜单栏。内容有两个值“是”和“否”。当我们需要显示工具栏和菜单栏时，这行meta可以不用加，默认就是显示。 用法：8.App-Config 描述：保留历史记录和动画效果 用法：msapplication-tap-highlight 说明：Tapwithouthighlight（高亮） 用法：总结以上就是小编介绍的html中meta标签和用法的详细解释编辑。希望对您有所帮助。
