认识meta标签

最新推荐文章于 2022-11-11 11:55:38 发布

陈开心i

最新推荐文章于 2022-11-11 11:55:38 发布

阅读量250

点赞数

文章标签： html

本文链接：https://blog.csdn.net/CCT912097957/article/details/105255999

版权

一、什么是meta标签

meta标签提供关于 HTML 文档的元数据（元数据是关于数据的信息），元数据不会显示在页面上，但是对于机器是可读的。例如meta被用于设置关键字、设置页面描述、设置作者、设置字符集、设置页面定时跳转等等。meta标签放置在head标签中，对meta的设置对搜索引擎注册、搜索引擎优化排名等有至关重要的作用。

二、meta标签作用

meta里的数据是供机器解读的，告诉机器该如何解析这个页面，还有一个用途是可以添加服务器发送到浏览器的http头部内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"> //声明字符编码
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
</body>
</html>

三、meta标签常见的使用


<!-- 声明文档使用的字符编码 -->
<meta charset='utf-8'>
<!--百度禁止转码-->
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面关键词 keywords -->
<meta name="keywords" content="your keywords">
<!-- 禁止自动翻译 -->
<meta name="renderer" content="webkit">
<!-- 较重要的是viewport属性。常用于移动端设计。 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
content 参数：
width viewport 宽度(数值/device-width)
height viewport 高度(数值/device-height)
initial-scale 初始缩放比例
maximum-scale 最大缩放比例
minimum-scale 最小缩放比例
user-scalable 是否允许用户缩放(yes/no)

陈开心i

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
认识meta标签

一、什么是meta标签meta标签提供关于 HTML 文档的元数据（元数据是关于数据的信息），元数据不会显示在页面上，但是对于机器是可读的。例如meta被用于设置关键字、设置页面描述、设置作者、设置字符集、设置页面定时跳转等等。meta标签放置在head标签中，对meta的设置对搜索引擎注册、搜索引擎优化排名等有至关重要的作用。二、meta标签作用meta里的数据是供机器解读的，告诉机器该如...
复制链接

扫一扫