meta http-equiv="Content-Type"什么意思？

最新推荐文章于 2020-10-12 09:10:08 发布

转载最新推荐文章于 2020-10-12 09:10:08 发布 · 4.4k 阅读

文章标签：

#xhtml #文档 #html #c

Web 专栏收录该内容

8 篇文章

订阅专栏

本文详细解析了HTML文件中用于描述文档类型的元信息元素，包括http-equiv='Content-Type'和charset属性的作用及常见用法。

http://www.w3.org/1999/xhtml是w3c标准的xhtml你可以忽视，是xhtml文件的格式组成部分<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

http-equiv="Content-Type" 表示描述文档类型
content="text/HTML;  文档类型mime类型，这里为html,如果JS就是text/javascript，
charset=utf-8 页面字符集，编码，eg:gb2312,iso-8859-1,utf-8

http://baike.baidu.com/view/953191.htm

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

appleheshuang

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

关于meta标签中的http-equiv属性使用介绍

qq_30725967的博客

11-09

515

关于meta标签中的http-equiv属性使用介绍 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！ meta标签的组成：meta标签共有两个属性...

meta http-equiv 详解

ying0216的专栏

02-02

1909

1.定义语言格式：〈meta http－equiv=〃Content－Type〃 content=〃text/html; charset=gb2312〃〉这是META最常见的用法,在制作网页时,在纯HTML代码下都会看到它,它起的作用是定义你网页的语言,当访客浏览你的网页时,浏览器会自动识别并设置网页中的语言,如果你网页设置的是GB码,而访客没有安装GB码,这时网页只会呈现访客人所设置的

1 条评论您还未登录，请先登录后发表或查看评论

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">作用

凡夫俗子

10-13

4096

http-equiv="Content-Type"：http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML

meta

weixin_33695450的博客

07-15

172

meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似网页中meta标签的使用，关键字下面这段的html代码： <head> <meta http-equiv="content-Type" content="text/html; charset=gb2312" /> </head> 也许你认为这些代码可有可...

http-equiv 属性http-equiv="Content-Type"

weixin_39818813的博客

04-13

3725

http-equiv 属性提供了 content 属性的信息/值的 HTTP 头。http-equiv 属性可用于模拟一个 HTTP 响应头。值描述content-type规定文档的字符编码。实例：<meta http-equiv="content-type" content="text/html; charset=UTF-8">default-style规定要使用的预定义的样式表。实...

content-type

顺子的专栏

09-14

885

<br />要学习content-type,必须事先知道它到底是什么，是干什么用的。<br />HTTP协议（RFC2616）采用了请求/响应模型。客户端向服务器发送一个请求，请求头包含请求的方法、URI、协议版本、以及包含请求修饰符、客户信息和内容的类似于MIME的消息结构。服务器以一个状态行作为响应，相应的内容包括消息协议的版本，成功或者错误编码加上包含服务器信息、实体元信息以及可能的实体内容。<br />通常HTTP消息由一个起始行，一个或者多个头域，一个只是头域结束的空行和可选的消息体组成。HT

电商二十六、meta http-equiv="X-UA-Compatible" content="IE=edge"以及bootstrap失效原因分析

lbh19630726的博客

08-13

976

①<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">表示：让该xxxx.html文件以最高版本的IE浏览器渲染。如：你的电脑装有IE6、7、8、9、10、11则会以IE11的渲染方式渲染该html文件。edge...

http-equiv的简单使用方法

08-02

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> ``` **解释**： - **`Content-Type`**：指定文档类型和字符编码。 - **`text/html`**：表明文档类型为 HTML。 - **`charset=UTF-8`**：设置...

Js,alert出现乱码问题的解决方法

11-30

meta http-equiv=”Content-Type” content=”text/html;charset=gb2312″ /> 或者是将gb2312换成utf-8,我用多种方法测了很久还是没能解决这问题。解决方法：最后终于在某个论坛的一个角落里发现了点东西，原来...

meta http-equiv="Content-Type" 属性

weixin_30879833的博客

04-06

273

概述：http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。使用带有 http-equiv 属性的 &...

SEO | 重新认识一下Meta标签

weixin_33998125的博客

09-22

406

很多人忽视了HTML标签META的强大功效，一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性，有兴趣吗，谁我来重新认识一下META标签吧！ META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏...

http-equiv是什么意思

Briver Song的专栏

11-19

2236

META标签中的<http-equiv>属性值“content-Type”

lindandanfingting的专栏

10-21

1056

HTML代码实例中有一项内容是其作用是指定了当前文档所使用的字符编码为gb2312，也就是中文简体字符。根据这一行代码，浏览器就可以识别出这个网页应该用中文简体字符显示。类似地，如果将"gb2312"换为"big5"，就是我们熟知的中文繁体字符了。 content-Type(显示字符集的设定) 说明：设定页面使用的字符集。用法： Html代码

META描述（转载）

thefly1988的专栏

03-31

335

meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：　　＜head＞　　＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞　　＜/head＞　　也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例...

http-equiv="Content-Type" content="text/html" charset="UTF-8"

The_Best_Hacker的博客

09-17

4152

【问题】关于html问题<meta http-equiv="Content-Type"content="text/html;charset=utf-8"/> 什么么意思？【解析】：<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312"> 这个实现的功能是通过读取HTML页面的META标签的

http-equiv=“X-UA-Compatible“是什么意思？

weixin_42321619的博客

10-12

8778

IE兼容模式：为了帮助确保网页在将来的 Internet Explorer 版本中具有一致的外观，Internet Explorer 8 引入了文档兼容性。文件兼容性用于定义IE如何渲染网页。怎么查看当前网页在IE下的兼容性模式：在浏览器中按F12打开IE开发人员工具可以查看到浏览器模式和文档模式。 1、浏览器模式影响浏览器的行为表现以及声明的版本号。 2、文档模式影响DOM的转换、渲染操作，影响的是浏览器的外观表现，决定网页显示成什么样子的。 X-UA-Compatible是自从IE8新加的一个设置，

html中meta标签的content-Type属性

05-01

1261

html中meta标签的content-Type属性 html中meta标签的content-Type属性_百度知道 html中meta标签的content-Type属性我在网页中学习教程，可是网页里给了我一个乱七八糟的又没有解释的语法 ...

Meta http-equiv属性详解

weixin_34413065的博客

09-09

255

http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。引用meat标签的http-equiv属性语法格式是：＜meta http-equiv="参数" content="参数变量值"＞；其中http-equiv属性主要有以下几种参数： 1...

<meta http-equiv="" content="keyword1,keyword2,keyword3"> <meta http-equiv="" content="this is my page">

最新发布

03-18

<think>好的，我现在需要处理用户关于 `<meta>` 标签中 `http-equiv` 属性的问题。用户提供了两个例子： 1. `<meta http-equiv="" content="keyword1,keyword2,keyword3">` 2. `<meta http-equiv="" content="this is my page">` 首先，我需要检查用户的问题是否存在错误。注意到在这两个例子中，`http-equiv` 属性的值是空的，而用户可能想了解这样的代码有什么作用或是否正确。这可能是一个常见的错误，因为通常 `http-equiv` 需要指定特定的指令，如“Content-Type”或“refresh”。接下来，我需要确认用户是否在问这两个标签的用途，或者是否存在对 `http-equiv` 属性的误解。用户可能误用了 `http-equiv`，将本应放在 `name` 属性中的内容放到了这里，比如关键词和页面描述，这通常使用 `<meta name="keywords">` 和 `<meta name="description">`。回顾之前的对话历史，用户之前询问过 `http-equiv` 的基本概念，现在可能在实际使用中遇到了问题，比如错误地配置了标签。需要指出他们的代码中的错误，并解释正确的用法，同时区分 `http-equiv` 和 `name` 属性的不同用途。另外，用户可能没有意识到 `http-equiv` 需要特定的值才能生效，比如“Content-Type”或“refresh”。空值的 `http-equiv` 是无效的，无法实现任何功能，可能导致标签被浏览器忽略。因此，需要指出这一点，并提供正确的示例，如设置字符编码或页面刷新。还需要考虑用户可能的意图，他们可能想设置关键词和页面描述，但错误地使用了 `http-equiv` 而不是 `name` 属性。这时候需要引导他们使用正确的 `name` 属性，并提供示例代码，比如 `<meta name="keywords" content="...">` 和 `<meta name="description" content="...">`。同时，要提醒用户注意 HTML 标准的变化，比如 HTML5 中简化了字符编码的设置，使用 `<meta charset="UTF-8">` 而非旧的 `http-equiv` 方式。此外，强调 `http-equiv` 的一些用法已经被废弃，推荐使用服务器端配置，如缓存控制或 CSP，而不是依赖于 HTML 标签。最后，需要总结常见的错误和正确做法，确保用户理解如何正确使用 `http-equiv` 和 `name` 属性，避免混淆，并提高他们网页的兼容性和安全性。</think>以下是关于您提供的 `<meta>` 标签代码的解析和修正说明： --- ### **一、原始代码的问题** 您提供的代码： ```html <meta http-equiv="" content="keyword1,keyword2,keyword3"> <meta http-equiv="" content="this is my page"> ``` - **关键错误**：`http-equiv` 属性值为空，导致标签无效。 - **语义混淆**：`keyword1,keyword2` 和 `this is my page` 属于文档元数据（如关键词、描述），应使用 `name` 属性而非 `http-equiv`。 --- ### **二、正确用法解析** #### 1. **若需设置关键词和页面描述** 应使用 `name` 属性： ```html  <meta name="keywords" content="keyword1,keyword2,keyword3">  <meta name="description" content="this is my page"> ``` #### 2. **若需使用 `http-equiv`** 必须指定有效的指令类型，例如： ```html  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  <meta http-equiv="refresh" content="5"> ``` --- ### **三、`http-equiv` 与 `name` 的对比** | **属性** | **用途** | **典型场景** | |---------------|-----------------------------------------|----------------------------------| | `http-equiv` | 控制浏览器行为（如编码、缓存、跳转） | 设置 `Content-Type`, `refresh` | | `name` | 提供文档元数据（如描述、作者、关键词） | 设置 `keywords`, `description` | --- ### **四、常见错误与修正** #### **错误示例 1** ```html <meta http-equiv="" content="keyword1,keyword2"> ``` - **问题**：`http-equiv` 为空，且关键词应通过 `name="keywords"` 设置。 - **修正**： ```html <meta name="keywords" content="keyword1,keyword2"> ``` #### **错误示例 2** ```html <meta http-equiv="" content="this is my page"> ``` - **问题**：描述文本应通过 `name="description"` 设置。 - **修正**： ```html <meta name="description" content="this is my page"> ``` --- ### **五、注意事项** 1. **避免混淆属性**： - `http-equiv` 用于模拟 HTTP 头，与服务器行为相关。 - `name` 用于描述文档内容，与 SEO 和元数据相关。 2. **兼容性提示**： - `keywords` 和 `description` 对现代搜索引擎的影响已减弱，但仍建议保留。 - 部分 `http-equiv` 功能（如 `Cache-Control`）建议通过服务器配置（如 `.htaccess`）实现。 --- ### **六、完整示例** ```html <!DOCTYPE html> <html> <head>  <meta charset="UTF-8">  <meta name="keywords" content="技术文档, HTML, 元标签">  <meta name="description" content="这是一个关于HTML元标签的示例页面">  <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta http-equiv="refresh" content="10"> </head> <body>  </body> </html> ``` --- 通过明确区分 `http-equiv` 和 `name` 的用途，可以更规范地编写 HTML 代码，避免无效标签影响页面功能。