前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >?day002: meta标签属性有哪些?

?day002: meta标签属性有哪些?

作者头像
用户3806669
发布2021-03-10 20:53:44
6070
发布2021-03-10 20:53:44
举报
文章被收录于专栏:前端三元同学前端三元同学

day002: meta标签属性有哪些?

简介: 常用于定义页面的说明,关键 字,最后修改日期,和其它的元数据。这些元数据将服务于浏览器(如何布局或重载页 面),搜索引擎和其它网络服务。

charset属性

代码语言:javascript
复制
<!-- 定义网页文档的字符集 --><meta charset="utf-8" />

name + content属性

代码语言:javascript
复制
<!-- 网页作者 --><meta name="author" content="开源技术团队"/><!-- 网页地址 --><meta name="website" content="https://sanyuan0704.github.io/frontend_daily_question/"/><!-- 网页版权信息 --> <meta name="copyright" content="2018-2019 demo.com"/><!-- 网页关键字, 用于SEO --><meta name="keywords" content="meta,html"/><!-- 网页描述 --><meta name="description" content="网页描述"/><!-- 搜索引擎索引方式,一般为all,不用深究 --><meta name="robots" content="all" /><!-- 移动端常用视口设置 --><meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/><!--  viewport参数详解:  width:宽度(数值 / device-width)(默认为980 像素)  height:高度(数值 / device-height)  initial-scale:初始的缩放比例 (范围从>0 到10)  minimum-scale:允许用户缩放到的最小比例  maximum-scale:允许用户缩放到的最大比例  user-scalable:用户是否可以手动缩 (no,yes) -->

http-equiv属性

代码语言:javascript
复制
<!-- expires指定网页的过期时间。一旦网页过期,必须从服务器上下载。--><meta http-equiv="expires" content="Fri, 12 Jan 2020 18:18:18 GMT"/><!-- 等待一定的时间刷新或跳转到其他url。下面1表示1秒 --><meta http-equiv="refresh" content="1; url=https://www.baidu.com"/><!-- 禁止浏览器从本地缓存中读取网页,即浏览器一旦离开网页在无法连接网络的情况下就无法访问到页面。--><meta http-equiv="pragma" content="no-cache"/><!-- 也是设置cookie的一种方式,并且可以指定过期时间 --><meta http-equiv="set-cookie" content="name=value expires=Fri, 12 Jan 2001 18:18:18 GMT,path=/"/><!-- 使用浏览器版本 --><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><!-- 针对WebApp全屏模式,隐藏状态栏/设置状态栏颜色,content的值为default | black | black-translucent --><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
本文参与?腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-10-20,如有侵权请联系?cloudcommunity@tencent.com 删除

本文分享自 前端三元同学 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • day002: meta标签属性有哪些?
    • charset属性
      • name + content属性
        • http-equiv属性
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
        http://www.vxiaotou.com