欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

meta 标签的使用:

程序员文章站 2022-05-11 12:08:06
...

meta 标签的使用:

name 属性:

  1. uc 浏览器强制竖屏:

    <meta name="screen-orientation" content="portrait">
    
  2. QQ 强制竖屏:

<meta name="x5-orientation" content="portrait">
  1. UC 强制全屏:

    <meta name="full-screen" content="yes">
    
  2. QQ 强制全屏:

    <meta name="x5-fullscreen" content="true">
    
  3. UC引用模式:

    <meta name="browsermode" content="application">
    
  4. QQ引用模式:

    <meta name="x5-page-mode" content="app">
    

keywords(关键字)

  • 用于告诉搜索引擎,你网页的关键

    <meta name="keywords" content="搜索内容">
    

viewprot (移动·端的窗口)

  • 属性介绍:
  • width: viewport 的宽度[device-width | pixel_value]width如果直接设置pixel_value数值,大部分的安卓手机不支持,但是iOS支持;
  • height: viewport 的高度(范围从223到10000)
  • user-scalable: [yes | no] 是否允许缩放
  • initial-scale : [数值] 初始化比例(范围从 > 0 到 10)
  • minimum-scale : [数值] 允许缩放的最小比例
  • maximum-scale: [数值] 允许缩放的最大比例
  • minimal-ui : IOS7.1的新属性,最小化浏览器UI
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

copyright (版权)

  • 用于版权信息
<meta name="copyright" content="xxx"> 

Set-Cookie(cookie设定)

  • 如果网页过期。那么这个网页存在本地的cookies也会被自动删除
<meta http-equiv="Set-Cookie" content="name, date">

http-equiv

<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<!-- 不让百度转码 -->
<meta http-equiv="Cache-Control" content="no-siteapp" />
相关标签: html html