参考资料

  1. HTML 中最常用的
  2. HTML 标签
  3. Html转C#/JSP有哪些
  4. 如何检测开发者工具是否被禁用？
  5. HTML 有序列表
  6. HTML 外部样式
  7. HTML 区块元素
  8. HTML id 属性详解

html元信息标签详细说明以及案例

HTML元信息标签（Meta Tags）用于提供关于网页的元数据，这些信息不会直接显示在页面上，但对搜索引擎和浏览器有重要意义。以下是一些常见的元信息标签及其说明和案例：

  1. charset：定义文档的字符编码。

    <meta charset="UTF-8">

  2. viewport：控制移动设备上的页面布局。

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

  3. description：提供网页内容的简短描述，常用于搜索引擎结果中。

    <meta name="description" content="这是一个关于HTML元信息标签的详细说明和案例的网页。">

  4. keywords：为搜索引擎提供网页的关键词（现已不被主要搜索引擎支持）。

    <meta name="keywords" content="HTML, 元信息标签, 案例">

  5. author：定义网页的作者。

    <meta name="author" content="John Doe">

  6. robots：控制搜索引擎爬虫的索引和跟踪行为。

    <meta name="robots" content="index, follow">

  7. refresh：定义页面的自动刷新或重定向。

    <meta http-equiv="refresh" content="5;url=https://example.com">

  8. og:type（Open Graph）：定义页面的类型，用于社交媒体分享。

    <meta property="og:type" content="website">

  9. og:title（Open Graph）：定义页面的标题，用于社交媒体分享。

    <meta property="og:title" content="HTML元信息标签详细说明以及案例">

  10. og:description（Open Graph）：定义页面的描述，用于社交媒体分享。

    <meta property="og:description" content="这是一个关于HTML元信息标签的详细说明和案例的网页。">

  11. og:image（Open Graph）：定义页面的缩略图，用于社交媒体分享。

    <meta property="og:image" content="https://example.com/image.jpg">

这些元信息标签可以帮助优化网页的搜索引擎排名、改善用户体验以及控制网页在社交媒体上的展示效果。