Kros的博客 Kros的博客
首页
  • CSS
  • 工具
  • Vue
  • js
  • Vue3
  • 算法
  • 折腾笔记
一言
  • 分类
  • 标签
  • 归档
码云

Kros

凡心所向,素履以往,生如逆旅,一苇以航
首页
  • CSS
  • 工具
  • Vue
  • js
  • Vue3
  • 算法
  • 折腾笔记
一言
  • 分类
  • 标签
  • 归档
码云
  • CSS

  • JavaScript

    • 兼容ie7的水平无限滚动
    • 节流防抖
    • 数组乱序
    • 开启全屏
    • 数据类型
    • 变量提升
    • this调用指向
    • 原型及原型扩展
    • js获取元素属性精度问题
    • setTimeout和setInterval
    • 数组判断
    • dom节点添加或插入元素
    • var、let和const的区别
    • 判断ellipsis是否省略生效
    • 使用ResizeObserver监听元素size变化
    • js自定义事件
    • use strict详解
    • 私有属性
    • js实现类的方式
    • call和apply的理解和使用
    • js失焦和点击事件顺序冲突
    • js中不常见但非常实用的运算符
    • for of和for in的区别
    • defer和async的区别
    • promise值穿透
    • js为什么会出现数字精确度丢失
    • js禁用F12开发者模式
    • 使用scrollTop和scrollTo滚动到目标位置
    • js实现打字机效果
    • 多种方式实现数组去重
    • 替换使用setTimeout
    • encodeURI和encodeURIComponent的区别
    • canvas实现弹跳小球
    • js实现跨标签页通信
    • 事件循环与微任务、宏任务
    • 浏览器存储数据方式
    • 常见的meta元数据使用
    • 使用InterSectionObserver判断元素区域(chatGPT)
  • 工具

  • Vue

  • antdv踩坑记录

  • Vue3

  • 前端
  • JavaScript
kros
2022-08-08

常见的meta元数据使用

随意打开一个页面查看源码都会发现有一些列的meta标签,它在页面中的head标签中

meta

常见的HTML meta元数据包括:

# charset

定义文档的字符编码。

<meta charset="UTF-8">
1
# viewport

用于控制页面在移动设备上的视口大小和缩放比例。

<meta name="viewport" content="width=device-width, initial-scale=1.0">
1
# description

描述网页的内容。

<meta name="description" content="描述网页内容的简短描述">
1
# keywords

定义网页的关键词。

<meta name="keywords" content="关键词1, 关键词2, 关键词3">
1
# author

定义网页的作者。

<meta name="author" content="作者名称">
1
# robots

用于控制搜索引擎爬虫的行为。

<meta name="robots" content="index, follow">
1
# og:title、og:description、og:image

用于定义在社交媒体上分享时的标题、描述和图片。

<meta property="og:title" content="分享标题">
<meta property="og:description" content="分享描述">
<meta property="og:image" content="https://example.com/image.jpg">
1
2
3

这些meta元数据可以用于帮助搜索引擎索引网页内容,控制网页在社交媒体上的分享效果,以及提供页面的其他重要信息。

上次更新: 2025/09/05, 8:09:00
浏览器存储数据方式
使用InterSectionObserver判断元素区域(chatGPT)

← 浏览器存储数据方式 使用InterSectionObserver判断元素区域(chatGPT)→

最近更新
01
Find the next perfect square
09-05
02
Regex validate PIN code
09-05
03
Find the odd int
09-05
更多文章>
Theme by Vdoing | Copyright © 2020-2025 kros king
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
icon-heart-o icon-heart icon-infinity icon-pause icon-play link next prev