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

HTML Meta标签详解

当http-equiv是content-type的时候,浏览器会根据此来调用相应的字符集显示page内容[但有的浏览器好像会自动检测编码]

 

这里有个更详细的:

http://hi.baidu.com/pingpingzi188/blog/item/907a64820f8292a60cf4d2ec.html/cmtid/bb560b7a95f205e32e73b3c7

 

META--描述关于HTML文档的元信息,在浏览器中不被显示。 
  如:文档的作者、失效日期、关键字列表等,这些信息主要用于搜索引警索引程序等。 
      形式: <META   NAME=String     Content=String> 
      属性:HTTP-EQUIV=String|NAME=String, 
                Content=String 
即,HTTP-EQUIV属性/NAME属性用来指定元信息的名称;Content属性--指定元信息的取值。 
例一,描述此网页的失效日期及标准时间(“EXPIRES”--终止/期满) 
<META   HTTP-EQUIV= "EXPIRES "   Content= "tue,20   aug   1996   14:20:30   GMT "> 
例二,本网页的关键信息,为搜索引擎提供关键字( "Keywords ") 
<META   HTTP-EQUIV= "Keywords "   Content= "HTML,SGML "> 
例三,本网页的作者( "Author ") 
<META   NAME= "Author "   Content= "王五,张三 "> 
**以上几例在程序运行时在IE中无任何显示,但读者可通过代码了解一些相关的报头信息。 

同时META元刷新可以使 "URL "所指向的HTML文档在设定的时间上自动调入WEB浏览器中当然也可自动调入一系列的多个页面。 
写法: 
<META   HTTP-EQUIV= "refresh "   Content= "n;URL=http://... "> 
其中n=1,2,3...即自动跳转的时间;URL为连接到的网页。 

又或者,用于实现让用户浏览器不缓存当前页面或当页面访问后,立即过期(即只能支持在线浏览) 
写法: 
<META   HTTP-EQUIV= "Pragma "   Content= "no-cache ">

### 如何使用 `meta` 标签设置 HTML 页面的 Content-TypeUTF-8 编码 在现代 Web 开发中,可以通过两种主要方法来定义 HTML 文档的内容类型和字符编码:一种是通过 HTTP 响应头的方式,另一种则是利用 `<meta>` 标签嵌入到 HTML 文件中。 #### 使用 `<meta>` 标签设置内容类型和字符编码 HTML 提供了多种方式用于指定文档的字符集。以下是具体实现: 1. **HTML5 的简化语法** 在 HTML5 中,推荐使用更为简洁的方式来声明字符集: ```html <meta charset="UTF-8"> ``` 这种写法简单明了,能够有效通知浏览器该页面采用的是 UTF-8 字符集[^1]。 2. **兼容旧版浏览器的写法** 对于需要向后兼容至较早版本的 HTML(如 HTML 4.01),则需使用如下形式: ```html <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> ``` 此语句的作用同样是设定文档为 HTML 类型并指定了其使用的字符编码为 UTF-8[^2]。 3. **优先级说明** 当服务器端设置了正确的 `Content-Type` 头部信息时,它会覆盖掉 HTML 内部由 `<meta>` 定义的相关参数。例如,在 Java Servlet 示例代码片段中展示了即使存在矛盾的元数据描述情况下的处理逻辑——即最终仍以响应头部为准[^3]。 4. **常见错误及其修正** 如果遇到尽管已经添加了合适的 `<meta>` 元素但仍出现乱码的情况,则可能是由于其他地方也进行了不匹配的编码转换操作所引起。此时应该检查整个请求流程中的每一个环节是否存在潜在冲突点,并确保从前端表单提交到最后服务端渲染输出均保持一致性[^4]。 综上所述,为了使您的网页能够在各种环境下都能正确解析中文及其他非 ASCII 符号,请务必按照上述指导合理配置好相应的编码属性。 ```html <!DOCTYPE html> <html lang="en"> <head> <!-- 推荐做法 --> <meta charset="UTF-8"> <!-- 或者对于老旧环境的支持 --> <!--<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">--> </head> <body> </body> </html> ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值