零基础建站培训介绍

当前位置:

HTML 标签:viewport、content、renderer、format-detection使用方法

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

1、viewport


<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  • (1)width 控制viewport的大小,可以指定一个值,如640或者特殊的值;device-width为设备的宽度(单位为缩放为100%的CSS的像素);这个标签在手机网站制作中经常用到。
  • (2)initial-scale 初始缩放比例,页面第一次加载时的缩放比例;
  • (3)maximum-scale 允许用户缩放到的最大比例,范围从0到10.0;
  • (4)minimum-scale 允许用户缩放到的最小比例,范围从0到10.0;
  • (5)user-scalable 用户是否可以手动缩放,值可以是:yes或true允许用户缩放;no或false不允许用户缩放;

2、content="IE=edge"


<meta http-equiv="X-UA-Compatible" content="IE=edge">
  • X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用;
  • IE=edge,如果系统安装ie8或以上版本,则使用特别高版本ie渲染;否则,这个设定可以忽略。

3、renderer


<meta name="renderer" content="webkit|ie-comp|ie-stand">

指定双核浏览器默认以何种方式渲染页面,目前支持对其提供支持的浏览器有:360。

  • webkit 默认webkit内核;
  • ie-comp 默认IE兼容模式;
  • ie-stand 默认IE标准模式;

而webkit|ie-comp|ie-stand这种写法是按照顺序排他的优先级,不支持则往下,浏览器将会按照从左到右的先后顺序选择其具备的渲染内核来处理当前网页,有利于调整网站IE6、IE7浏览器不兼容。

4、apple-mobile-web-app-title


<meta name="apple-mobile-web-app-title" content="学做网站论坛">

在发送到屏幕的时候默认的命名

5、format-detection


<meta name="format-detection" content="telephone=no" /> //告诉设备忽略将页面中的数字识别为电话号码
<meta name="format-detection" content="email=no" /> //不让android识别邮箱

这在之前的建站教程讲解如何禁止手机网站自动识别电话号码时也用到了。

上一课: 下一课:

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 在自己做网站时,网站上有时需要制作HTML表单,表单中的填写项为了防止别人恶意提交,需要进行验证。下面介绍一下HTML表单中正则验证邮箱、手机、电话
  • 首先介绍一下什么是网页,网页是由HTML组成的一个特殊文档,它存放在网络中某台服务器中,我们如果知道了这个文档的存放位置,然后在网页浏览器中输
  • ASP 声明变量ASP 声明变量用Dim来声明(或者说定义)变量,注意,所有变量都要声明,但可以写为同一行<%dim namename="Donald Duck&quo
  • 小白如何学习好java (7409 次浏览)
    对于新手小白来说,要想学好Java,应该注重以下几个方面:第一:正确理解Java的各种“抽象”。学习Java就是学习各种“抽象”,包括类、接口和抽象类等,
  • 丰富多样的网络工具和资源的出现,使网页设计变得轻松而简单。这里介绍 28 款在线工具和生成器,以帮助你更快捷方便地设计页面。1. Lorem Ipsum Gene
  • 初学者怎样学习网页制作呢?对于初学者,网站设计有一定难度,但是网页设计特别重要,在织梦仿站教程中也需要使用到网页设计。我们需要使用一些软件,
  • 微网页制作方法 (7137 次浏览)
    微网页是为适应高速发展的移动互联网市场环境,而开发封闭式的应用客户通过微信微博,等社会化的工具实现传播、转介绍、营销型微网页转化率高,由客服
  • 网页设计培训内容包括:PhotoshopCS6课程内容关键学习培训流行图象处理手机软件Photoshop的图象处理、编写、安全通道、涂层、相对路径综合性应用;图
  • 怎么制作网页 (6471 次浏览)
    网页是由HMTL和CSS组成的,通过HTML代码和CSS代码我们就可以制作出一个网页。下面介绍一下网页制作方法。打开DW网页编辑软件新建HTML有两种方法
  • 自适应网页制作方法 (6400 次浏览)
    自适应网页制作方法特别先想到的是css3的媒体查询 media-screen 控制在不同尺寸下显示。这里说个题外话,css中的像素单位px,是逻辑像素。不是设备的