Question

我很好奇HTML 5文件中DOCTYPE和charset之间的关系。

在VSCode中使用默认的HTML模板会产生以下标记：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script src="main.js"></script>
</head>
<body>

</body>
</html>

我的问题是，我们是否同时需要DOCTYPE和charset？

如果doctype设置为html（表示HTML 5），并且我们知道utf-8是HTML 5的默认charset，使用charset标签指定meta还是浏览器知道？

Answer 1

我的问题是，我们是否需要DOCTYPE和字符集？

是

如果doctype设置为html（表示HTML 5），并且我们知道utf-8是该doctype的默认字符集

不是。浏览器执行complex sniffing以确定字符编码。明确指定它更可靠。

Answer 2

<!DOCTYPE html>声明用于通知网站访问者的浏览器所呈现的文档是HTML文档。 <!DOCTYPE html>是html 5的文档类型。

@charset指定样式表中使用的字符编码，而<meta charset="utf-8" />指定HTML文档的编码

Answer 3

为大多数浏览器和平台准备网站是一个好规则。两者的使用将确保大多数技术可以读取代表您的网站所需的全部信息。

是的，……经验法则……总是在代码中添加默认首选项，以防万一。

最诚挚的问候。

HTML 5中的doctype和charset

3 个答案: