关于meta标签
2020-09-14 本文已影响0人
tian田小旺
title: 关于meta标签
date: 2017-09-27 17:35:22
categories:
tags: fa-tags
关于meta标签
描述
- 元数据（metadata）是关于数据的信息。
- meta 标签提供关于 HTML 文档的元数据。元数据不会显- 示在页面上，但是对于机器是可读的。
- 典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
- meta 标签始终位于 head 元素中。
- 元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。
<!doctype html>
<html>
<head>
<meta .../>
<title>...</title>
</head>
<body>...</body>
</html>
常用meta标签
<!-- 声明字符编码 -->
<meta charset='utf-8'>
<!-- 为移动设备设置视口属性（下面禁止了缩放） -->
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<!-- 优先使用IE最新版本和Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- 启用360浏览器的极速模式(webkit) -->
<meta name="renderer" content="webkit">
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面关键词 -->
<meta name="keywords" content="简书,简书官网,图文编辑软件">
<!-- 网页作者 -->
<meta name="author" content="name, email@gmail.com"/>
<!-- 搜索引擎抓取 -->
<meta name="robots" content="index,home"/>
iOS设备
<!-- 添加到主屏后的标题 -->
<meta name="apple-mobile-web-app-title" content="标题"/>
<!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
