码迷,mamicode.com
首页 > Web开发 > 详细

html之meta标签

时间:2019-12-26 14:53:07      阅读:344      评论:0      收藏:0      [点我收藏+]

标签:标签   宽度   file   utf-8   http   自定义   比例   viewport   chrome   

meta标签是一组键值对,它是一种通用的元信息表示标签。
在head中可以出现任意多个meta标签。一般的meta标签由name和content两个属性来定义。name表示元信息的名字,content则用于表示元信息的值。

meta标签用法:

  1  基础用法之自定义设置

    <meta name=application-name content="file-content">

  2 设置文档编码方式

    <meta charset="UTF-8" >  

  3 添加content-type http头,并指定编码方式。

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  4 meta之viewport
    <meta name="viewport" content="width=device-width, initial-scale=1">
    content的更多属性:
      width:页面宽度,可以取值具体的数字,也可以是device-width,表示跟设备宽度相等。
      height:页面高度,可以取值具体的数字,也可以是device-height,表示跟设备高度相等。
      initial-scale:初始缩放比例。
      minimum-scale:最小缩放比例。
      maximum-scale:最大缩放比例。
      user-scalable:是否允许用户缩放。
    使用:
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0>
  5  默认使用最新浏览器
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    

 

 

 

 

 

 

html之meta标签

标签:标签   宽度   file   utf-8   http   自定义   比例   viewport   chrome   

原文地址:https://www.cnblogs.com/shanhuhai/p/12101897.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!