元标签解释:http-equiv和字符集

6
哪个是最好的?它们之间有什么区别?
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

或者
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

另外,我发现Viewport meta标签和meta http-equiv标签没有像charset和其他meta标签那样有/ >闭合标签...这是为什么呢?
谢谢
2个回答

12
第二个更好,因为它更加简洁。在HTML5中已经标准化了这种方式。
至于以/>结尾的标签:无论是哪种标签都没有区别。在HTML5中,没有标签需要以这种方式关闭。在XHTML早期,由于XHTML与XML相关,所有这些标签都必须以这种方式关闭。
因此,要点如下:
  1. 使用HTML5 doctype:<!DOCTYPE html>-是不是很简单明了?
  2. 一定要使用<meta charset="utf-8"> - 更加简洁,更好...
  3. 不需要用/>来关闭标签。

谢谢您的答复。问题是,并非所有浏览器都支持 HTML5 (旧的浏览器现在不支持...), 所以添加/> 更好以适应它们,对吗? - DextrousDave
@DextrousDave - HTML5规范以向后兼容的方式构建(铺平套牛路),因此它适用于仍在使用的所有旧浏览器(包括IE6-如果您认为它“仍在使用”)。所以不用担心;只需使用上面概述的HTML内容,你就没问题了。 - Joseph Silber
还有一件事,我能否测试一下浏览器是否捕获了我问题中指定的标签?我只想在这些标签未被读取时看到明显的差异(比如因为我打错字或忘记包含它们...)。 - DextrousDave
@DextrousDave - 你可以检查浏览器的开发者工具。如果你的标签存在,那么浏览器就已经正确地识别了它们.... - Joseph Silber

0

参考资料:http://www.w3schools.com/html5/tag_meta.asp

HTML 4.01:meta http-equiv="content-type" content="text/html; charset=UTF-8"
HTML5:meta charset="UTF-8"

因此第二个(HTML5)更为简洁且更新。


请不要链接到w3schools。他们不是权威来源 - Joseph Silber

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接