（8）HTML标签详解之<meta>

最新推荐文章于 2024-03-14 11:16:09 发布
转载 最新推荐文章于 2024-03-14 11:16:09 发布 · 498 阅读 · 0
文章标签：

#html #html简介 #标签

本文详细介绍了HTML中的&lt;meta/&gt;标签用途及属性，包括如何设置页面元信息如字符集、关键词和描述等，以便于搜索引擎优化。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

HTML标签详解之<meta />

     <meta /> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

     <meta /> 标签位于文档的头部，不包含任何内容。<meta /> 标签的属性定义了与文档相关联的名称/值对。

     <meta> 标签永远位于 head 元素内部。元数据总是以名称/值的形式被成对传递的，所以<meta />标签有必须的属性content，和可选的属性http-equiv ，name 和scheme 。content 属性始终要和 name 属性或 http-equiv 属性一起使用。

     

     HTML 和 XHTML 标签都没有指定任何预先定义的 <meta />name 名称。通常情况下，您可以自由使用对自己和源文档的读者来说富有意义的名称。如果没有提供 name 属性，那么名称/值对中的名称会采用 http-equiv 属性的值。
           

            http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。

当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。

使用带有 http-equiv 属性的 <meta> 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。

             scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 <head> 标签的 profile 属性指定的概况文件中进行了定义。

基本的HTML文档的元数据信息结构如下：

<!DOCTYPE html >
<html lang="zh-CN">
<head>
<!--这是html文档中的注释---meta元数据信息开始---->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--简写为 <meta charset="utf-8" />------>
    <!--定义此html文档的编码字符集是utf-8,对浏览器解析此文档很重要-->
    <meta name="keywords" content="html,标签,标签详解" />
    <!--定义此网页的关键字信息，便于搜索引擎通过关键字搜索到本网页---->
    <meta name="description" content="这是此网页的描述，会被搜索引擎查看，在搜索结果列表中显示" />
    <!--定义此网页的简要说明，这部分会呈现给搜索者看的---->
    <meta name="author" content="yongLI" />  
    <!--定义此文档的作者----->
<!--这是html文档中的注释---meta元数据信息结束---->

	<title>在这里定义网页的标题</title>
</head>
<body></body>
</html>

HTML 基础标签——元数据标签 ＜meta＞
Allen-
11-01 715
标签通常位于文档的部分。它用于定义文档的元数据，包括字符编码、文档描述、关键字、作者信息等。这些信息可以帮助浏览器正确解析和显示文档，同时还可以提供搜索引擎索引所需的信息。
meta标签的作用及整理
热门推荐
yc123h的博客
05-09 5万+
欢迎访文我的博客YangChen’s Blogmeta的标签的使用是我在前端学习中曾经困惑过一段时间的问题。一方面不是很了解meta标签的用途，另一方面是对于meta标签里的属性和值不是懂，也不知道从哪里冒出来的，所以这篇文章专门整理下meta标签，一个必用且关键的标签。什么是meta标签？引自下W3school的定义说明一下。 元数据（metadata）是关于数据的信息。 标签提供
＜meta/＞
wanglongjiayou的博客
08-31 113
定义页面元信息标记 为搜索引擎提供网页的关键字、作者姓名、内容描述、以及定义网页的刷新时间 meta name=“名称” content="值"这就是其具体表现形式 name包括keywords,description,author, 例如<meta name="author" content="半月斩"/> meta http-equiv=“名称” content="值"这是另一种形式 设置字符集<meta http-equiv="Content-Type" content="te
＜meta /＞标签
qq_37361514的博客
06-15 123
1、作用 ①设置网页的关键字 <head> <meta charset="utf-8"/> </head>
【web前端】＜meta＞标签
weixin_65728773的博客
03-14 509
定义与http-equiv或者name属性相关的元信息的值。content属性提供了“名称/值”对中的值，该值可以是任何有效的字符串。meta元素可以提供有关页面的元信息（meta-information）genetator为搜索引擎提供的网页使用的编辑器。descripiton为搜索引擎提供网页描述，keyword为搜索引擎提供的网页关键字；revised为搜索引擎提供的网页修订信息。robot为搜索引擎提供机器人向导参数。author为搜索引擎提供网页作者。定义元信息的名称，其中。
HTML | <meta> 的详细属性使用 名称/值对
Uching的博客
10-13 1634
导读：meta的属性有name,http-equiv,content,charset 属性（HTML5 新属性）, scheme （已弃用）。元素可提供相关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。1HTML < meta> 元素表示那些不能由其它HTML元相关元素 (
<meta>标签详解
Missing27的专栏
05-20 1152
<meta>标签相关内容
HTML中的<meta>标签的使用详解
09-28
HTML中的`<meta>`标签是网页元数据的重要组成部分，它提供了关于HTML文档的额外信息，这些信息不直接显示在页面上，但对浏览器、搜索引擎和其他Web服务至关重要。本文将深入探讨`<meta>`标签的使用及其重要性。 ...
理解HTML：元标签<meta>详解及HTML语法入门
`<meta>`标签通常放置在`<head>`与`</head>`之间，它的主要作用是提供关于网页的元信息，比如描述、关键词、字符集设置等。`<meta>`有两个主要的属性：`name`和`http-equiv`。 1. `name`属性：主要用于描述网页内容...
HTML入门指南：<meta>标签详解与应用
在HTML中，`<meta>`标签是一个重要的元素，用于提供关于HTML文档的元信息，如关键字、描述、作者、版权信息，以及设定页面的编码类型、刷新间隔、过期策略等。例如： ```html <meta name="keywords" content="your ...
入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面2 入门实例新建一个test.html文件，内容如下<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>我的第一个标题</h1><p>我的第一个段落。</p> </body></html>其中：<!DOCTYPE html> 声明为 HTML5 文档<html> 元素是 HTML 页面的根元素<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8（由于在大部分浏览器中直接输出中文会出现乱码，所以要在头部将字符声明为UTF-8）<title> 元素描述了文档的标题<body> 元素包含了可见的页面内容<h1> 元素定义一个大标题<p> 元素定义一个段落保存后运行，即可在浏览器中打开如下界面3 各部分详解3.1 标题HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>这是标题 1</h1><h2>这是标题 2</h2><h3>这是标题 3</h3><h4>这是标题 4</h4><h5>这是标题 5</h5><h6>这是标题 6</h6> </body></html>3.2 段落HTML 段落是通过标签 <p> 来定义的<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <p>这是一个段落。</p><p>这是一个段落。</p><p>这是一个段落。</p> </body></html>3.3 链接HTML 链接是通过标签 <a> 来定义的<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <a href="https://blog.youkuaiyun.com/zong596568821xp">这是一个链接使用了 href 属性</a> </body></html>3.4 图像HTML 图像是通过标签 <img> 来定义的。注意： 图像的名称和尺寸是以属性的形式提供的。<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <img src="zongxp.jpg" width="640" height="640" /> </body></html>3.5 表格表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的表头使用 <th> 标签进行定义。如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。使用边框属性来显示一个带有边框的表格：<table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr></table>4 速查列表4.1 基本文档<!DOCTYPE html><html><head><title>文档标题</title></head><body>可见文本...</body></html>4.2 基本标签<h1>最大的标题</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的标题</h6> <p>这是一个段落。</p><br> （换行）<hr> （水平线）<!-- 这是注释 -->4.3 文本格式化
最新发布
04-02
<meta charset="UTF-8"> <title>网页标题</title> </head> <body> <!-- 页面主体 --> </body> </html> ``` --- ### 常见 HTML 标签及其用途 #### 1. 段落标签 `<p>` 用于定义一段文字内容。例如： ```html <p>...
<meta />标签用法总结
u013746071的专栏
01-20 526
（一）定义和用法 <meta /> 标签可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 <meta /> 标签只能位于文档的头部，不包含任何内容。<meta /> 标签的属性定义了与文档相关联的名称/值对。 <meta /> 标签除了可以指定id属性之外，还可以指定http-equiv,name,content三个属性。（二）属性用法解
meta标签的详细讲解！！！
zayyo的博客
06-29 8759
常常和content 属性可以一起使用，以名 - 值对的方式给文档提供元数据，其中 name 作为元数据的名称，content 作为元数据的值。属性用于提供与该元数据相关的值或内容。常常和name 属性可以一起使用，以名 - 值对的方式给文档提供元数据，其中 name 作为元数据的名称，content 作为元数据的值,当与。标签中使用类似于 HTTP 头部的指令，以控制浏览器的行为或提供特定的元数据。标签是一种用于在 HTML 文档头部提供元数据的标签。用于指定网页在移动设备上的可视区域的大小和缩放行为。
meta标签使用手册
夕山雨的博客
05-09 4867
一、meta标签的含义 <meta>是HTML中很常用的标签之一，用于描述一些与当前文档有关的元信息。 所谓元信息，就是用来描述信息的信息。比如我们通过http发送了一个请求，那么请求主体就是我们的目标信息。而用于描述该信息的那些状态参数，如编码格式、超时时间、消息长度等，就是描述目标信息用的信息，它们就被称为元信息。 对于一个HTML文档而言也是一样的。用于描述文档的编码格式、关键字...
meta标签的用途！
swort_177的专栏
11-23 1010
转自百度百科！  meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：　　＜head＞　　＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞　　＜/head＞　　也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意
meta标签
Youpeng
06-08 2353
meta标签 <meta>元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 <meta> 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。 必需的属性 属性 值 描述 content some_text 定义与 http-...
前端兼容问题之meta篇
大董的博客
06-11 2665
    之前一直开发移动端，最近项目开始做pc端的业务，项目要求兼容ie8，只能说对于前端开发来说，ie8绝对是一个噩耗，在开发pc端时不可以避免的就是遇到N多兼容性问题。    所谓浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的...
HTML meta 标签
zhangankang的博客
06-28 3万+
！！<meta> 标签是 HTML 语言头部的一个辅助性标签，我们可以定义页面编码语言、搜索引擎优化、自动刷新并指向新的页面、控制页面缓冲、响应式视窗等！ 属性 值 描述 charset( H5 New) character_set 定义文档的字符编码。 content text 定义与 http-equiv 或 name 属性相关...
meta标签是什么，通常包含哪些内容？
lucky_kundy的博客
03-06 4442
meta是元标签，定义元数据，告诉浏览器配置。一般用于做一些页面说明，比如编码，关键字，页面尺寸，修改日期。 meta元素定义的元数据的类型包括以下几种： （来源MDN：<meta>：文档级元数据元素 - HTML（超文本标记语言） | MDN） 如果设置了name属性，meta元素提供的是文档级别（document-level）的元数据，应用于整个页面。 如果设置了http-equiv属性，meta元素则是编译指令，提供的信息与类似命名的 HTTP 头部相同。 如果设置...