零基础建站培训介绍

当前位置:

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常用书写工具有哪些 (113848 次浏览)
    HTML常用写书工具有以下几种:第一种:记事本记事本是最简单的HTML书写工具,但功能也是特别少的,不太适合建网站新手来使用。(新手学习HTML
  • HTML 文本格式化:使用 pre 标签对空行和空格进行控制。“计算机输出”标签:这些标签常用于显示计算机/编程代码。引用标签:使用 blockquote
  • HTML粗体标签:HTML b 标签b 标签-- 定义粗体文字 不符合标准网页设计的理念,不赞成使用. b标签是成对出现的,以<b>开始,以</b>结束 .
  • HTML换行标签:<BR/>br 是换行(Break)的缩写。文本会在这个标签的地方换行。在HTML代码里直接换行的话,按浏览器的不同可能显示为一个空格,或
  • 通常所说的META标签,是在HTML网页源代码中一个重要的html标签。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、
  • 做网站时,避免不了网站上有大量的图片。网站上的图片显示就需要使用img图片标签。HTML img图片标签写法[cce_html]<img src="图片地址" alt=
  • CSS3 text-shadow 属性是CSS3中设置文字阴影的属性,通过这个属性可以设置文字的各个角度的阴影效果。下面介绍一下CSS3 text-shadow 属性的使用方法。