html中meta标识及用法详解

空话,就很少说了,刚开始今日的主题。

Html中meta标识

1、meta标识 含意

  <meta> 元素 可出示相关网页页面的元信息内容(meta-information),例如对于检索模块和升级频度的叙述和重要词。

  <meta> 标识坐落于文本文档的头顶部,不包括任何內容。

  <meta> 标识的特性界定了与文本文档有关联的名字/值对。

2、meta 中常见特性

1. charset  (标识符集)

   表明:要求 HTML 文本文档的标识符编号。

   用法: <meta charset="UTF⑻">  

2.  viewport (视区)

   表明:是客户网页页面的可视性地区。 大伙儿都了解挪动机器设备的显示屏1般都比PC小许多,webkit访问器会将1个较大的“虚似”对话框投射到挪动机器设备的显示屏上,默认设置的虚似对话框为980像素宽(现阶段绝大多数网站的规范宽度),随后按1定的占比(3:1或2:1)开展放缩。

      也便是说当大家载入1个一般网页页面的情况下,webkit会先以980像素的访问器规范载入网页页面,随后再变小为490像素的宽度。留意这个变小是1个全局性变小,也便是网页页面上的全部元素都会变小。

   用法:

<meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1; user-scalable=no;">

      (1)  width

        width 操纵 viewport 的尺寸,1般以便自融入设定为device-width

      (2) initial-scale

         initial-scale:原始放缩占比,也就是当网页页面第1次 load 的情况下放缩占比。

        (3) maximum-scale

         maximum-scale 最大放缩。即容许的最大放缩水平。这也是1个浮点值,用以指出网页页面尺寸与显示屏尺寸相比的最大乘数。

      (4)  minimum-scale

        minimum-scale:容许客户放缩到的最少占比。和 maximum-scale 用法相近。

      (5)  user-scalable

        user-scalable 客户调剂放缩。即客户是不是能更改网页页面放缩水平。假如设定为yes则是容许客户对其开展更改,反之为no。

3. keywords (重要字)

  表明:为检索模块出示的重要字目录。各重要词间用英文逗号“,”分隔。特定检索模块用来提升检索品质的重要词。

  用法:<Meta name="Keywords" Content="重要词1,重要词2,重要词3,重要词4,……">

4. description (叙述、简介)
 

   表明:Description用来告知检索模块你的网站关键內容。
 

   用法:<Meta name="Description" Content="你网页页面的简述">

5. format-detection (文件格式检验)  

   表明:format-detection 是用来检验html里的1些文件格式的。

   用法:有关meta的format-detection特性关键是有下列几个设定:   
 

 meta name="format-detection" content="telephone=no"
    meta name="format-detection" content="email=no"
    meta name="format-detection" content="adress=no"

    还可以连写:meta name="format-detection" content="telephone=no,email=no,adress=no"  

      (1)telephone
 

    你明明写的1串数据没加连接款式,而iPhone会全自动把你这个文本加连接款式、而且点一下这个数据还会全自动拨号!想去掉这个拨号连接该怎样实际操作呢?这时候大家的meta又该大显大神通了,编码以下:

    telephone=no就严禁了把数据转换为拨号连接!
    telephone=yes就打开了把数据转换为拨号连接,要打开转换作用,这个meta就无需写了,在默认设置是状况下便是打开!

    (2)email

    告知机器设备不鉴别电子邮箱,点一下以后不全自动推送

    email=no严禁做为电子邮箱详细地址!
    email=yes就打开了把文本默认设置为电子邮箱详细地址,这个meta就无需写了,在默认设置是状况下便是打开!

    (3)adress

    adress=no严禁自动跳转至地形图!
    adress=yes就打开了点一下详细地址立即自动跳转至地形图的作用,在默认设置是状况下便是打开!

6. apple-touch-fullscreen

  表明:加上到主显示屏后,全屏显示信息。

  用法:<meta name="apple-touch-fullscreen" content="yes">

7.  apple-mobile-web-app-capable

  表明: 功效便是删掉默认设置的iPhone专用工具栏和工具栏。content有两个值”yes”和”no”,当大家必须显示信息专用工具栏和工具栏时,这个行meta就无需加了,默认设置便是显示信息。

  用法:<meta name="apple-mobile-web-app-capable" content="yes" />

8.  App-Config

  表明:保存历史时间纪录和动漫实际效果

  用法:<meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes"/>

9. msapplication-tap-highlight

   表明:点一下无高光(高亮度)

 用法:<meta name="msapplication-tap-highlight" content="no">

总结

以上所述是网编给大伙儿详细介绍的html中meta标识及用法详解,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!