meta标签的用法

设置页面编码

<meta charset="utf-8">

页面描述

  • 设置相关描述(让搜索引擎爬取)
  • 文档描述最好是完整的一句话,以不过50个字符为宜
<meta name="description content="这里的文字是用来描述网站用的">

设置页面关键字

  • 设置关键字(让搜索引擎爬取)
<meta name="keyword" content="CSS,HTML,javascript,前端">

设置页面缓存方式

  • 一些仍然在使用HTTP/1.0的可以使用第1条
  • 第2条由HTTP/1.1提供
  • 常用值还有:public, no-cache, no-store等
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />

声明作者信息

<meta name="author"  content="li, 569316240@qq.com">

指定渲染引擎的类型和版本

  • 用于解决浏览器兼容性问题
<meta http-equiv="x-ua-compatible" content="IE=edge" />
···
##指定渲染引擎的类型和版本
- 用于解决浏览器兼容性问题

<meta http-equiv="x-ua-compatible" content="IE=edge" />
···

关闭电话号码识别

  • 用于移动端(不会将一串数字识别为电话号码)
<meta name="format-detection" content="telephone=no" />

关闭邮箱地址识别

  • 用于移动端
<meta name="format-detection" content="email=no" />

关闭电话和邮箱识别

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

解决有防盗链的音频或视频链接的问题

<meta name="refferrer" content="never"/>
<!--如不设置meta标签则无法读取链接-->
        <audio controls="controls" src="http://zhangmenshiting.qianqian.com/data2/music/d489717116635c96658898858ce3db38/594736649/594736649.mp3?xcode=6007bdcf79f5ecf621ec55f2ef944ac8">
        </audio>

设置标签图标

  • 网页标题上的图标
  • 先用bitbug将图片转换成ico,然后放在根目录引用
<link rel="shortcut icon" href="favicon.ico" />
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容