meta标签相关知识

转载 2016年05月31日 15:03:23

1、移动端页面设置视口宽度等于设备宽度,并禁止缩放。

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

2、移动端页面设置视口宽度等于定宽(如640px),并禁止缩放,常用于微信浏览器页面。

<meta name="viewport" content="width=640,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

3、禁止将页面中的数字识别为电话号码

<meta name="format-detection" content="telephone=no" />

4、忽略Android平台中对邮箱地址的识别

<meta name="format-detection" content="email=no" />

5、当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari

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

<!-- ios7.0版本以后,safari上已看不到效果 -->

6、将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式

<meta name="apple-mobile-web-app-status-bar-style" content="black" />

<!-- 可选default、black、black-translucent -->

viewport模板

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

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

<meta content="yes" name="apple-mobile-web-app-capable">

<meta content="black" name="apple-mobile-web-app-status-bar-style">

<meta content="telephone=no" name="format-detection">

<meta content="email=no" name="format-detection">

<title>title</title>

<link rel="stylesheet" href="index.css">

</head>

 

<body>

    content...

</body>

 

</html>

在HTML中使用meta标签的基础知识和最佳实践

本文由Spy根据Shaumik Daityari的《Using Meta Tags in HTML: Some Basics and Best Practices》所译,整个译文带有我们自己的理解...

在HTML中使用meta标签的基础知识和最佳实践

本文由Spy根据Shaumik Daityari的《Using Meta Tags in HTML: Some Basics and Best Practices》所译,整个译文带有我们自己的理解...

XHTML相关知识点总结(标签 css)

  • 2014年04月23日 17:04
  • 9KB
  • 下载

实现JSP的TAG标签库的相关知识(待整理)

1. 在 *.tld 文件中,true的用法 rtexprvalue的全称是 Run-time Expression Value, 它用于表示是否可以使用JSP表达式. 当在标签里指定tru...
  • hdfyq
  • hdfyq
  • 2011年08月06日 17:34
  • 693

网站开发基础知识篇 一HTML及相关标签

刚开始学网页开发,把基础知识总结一下,如有错误,请指正。我会按照我的学习路线,依次更新博客。 本文读者为和我一样想学习web编程的初学者,写此博客初衷一是巩固所学知识,二是锻炼思维,书写能力,三...

<c:url>标签相关知识点

【原】标签相关知识点   (2011-07-25 14:22:13) 转载▼   分类: J2EE 一、 标签的作用主要用来产生字符串类型...

<c:url>标签相关知识点

一、  标签的作用主要用来产生字符串类型的url,而不是产生一个超链接, 注意url(统一资源定位符)与超链接两个含义的区别. http://www.baidu.com" /> 在JSP页面中的输出形...

meta-data标签的使用

  • 2012年11月27日 09:52
  • 67KB
  • 下载

html中meta标签的作用

META标签,是HTML语言head区的一个辅助性标签。在几乎所有的page里,我们都可以看 到类似下面这段html代码: -----------------------------------...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:meta标签相关知识
举报原因:
原因补充:

(最多只允许输入30个字)