[HTML知识体系]meta标签的常见用法
2024-09-07 01:13:23
1.meta是什么
元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。
2.pc端常见
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
<meta http-equiv="refresh" content="30">
需要注意的是
这个标签是XHTML的,可以算作已经废弃了,不建议使用了,直接
即可
3.移动端常见(比较重要)
1.清除缓存
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
2.viewport
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui" />
这个对于移动端非常重要。参数的含义是:
width - // viewport 的宽度 (范围从200 到10,000,默认为980 像素)
height - // viewport 的高度 (范围从223 到10,000)
initial-scale - // 初始的缩放比例 (范围从>0 到10)
minimum-scale - // 允许用户缩放到的最小比例
maximum-scale - // 允许用户缩放到的最大比例
user-scalable - // 用户是否可以手动缩 (no,yes)
minimal-ui - // iOS 7.1的Safari为meta标签新增minimal-ui属性,在网页加载时隐藏地址栏与导航栏
<meta name=”apple-mobile-web-app-capable” content=”yes” />
删除默认的苹果工具栏和菜单栏
3.拨号超链接
<meta name="format-detection" content="telephone=no" />
不希望手机自动将网页中的电话号码显示为拨号的超链接
最新文章
- hibernate缓存机制(转)
- tomcat之Session的管理
- XVI Open Cup named after E.V. Pankratiev. GP of SPB
- oracle 函数调用
- coderforces 721b
- C#继承基本控件实现自定义控件
- 【Aizu 2305】Beautiful Currency
- app.config中的connectionstring
- NOJ1008-第几天
- Linux用户磁盘配额
- C++11之后,对源代码增加了UTF8和UCS4的支持(Windows内部使用Unicode,因为nt内核用的是ucs2,那是89年,utf8到了92年才发明出来)
- Apache Curator获得真正的
- Sql Server 自定义数据类型
- 真分布式SolrCloud+Zookeeper+tomcat搭建、索引Mysql数据库、IK中文分词器配置以及web项目中solr的应用(1)
- day 6 - 1 知识点小节
- IDEA从SVN中导入多模块项目
- Oracle 使用PLSQL 导出 一个表的insert 语句
- iOS-项目开发1
- 解决yum安装时 Cannot retrieve repository metadata (repomd.xml) for repository
- 浅谈 JavaScript 编程语言的编码规范