需要编写 <html>、<head> 和 <body> 标记吗？
例如，我可以制作这样的页面：
<!DOCTYPE html>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Page Title</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<script src="js/head_script.js"></script><!-- this script will be in head //-->
<div>Some html</div> <!-- here body starts //-->
<script src="js/body_script.js"></script>
而且Firebug可以正确分离头部和正文：
W3C验证器显示这是合法的。
但我很少在网上看到这种做法。
写这些标记的原因是什么？
省略 html、head 和 body 标签 符合 HTML 规范。其背后的原因是浏览器一直试图与现有的网页保持一致，而最早版本的 HTML 没有定义这些元素。当 HTML 第一次定义这些元素时，标签会在缺失时被推断出来。
在原型设计和编写测试用例时，我经常将标签省略掉，这有助于让标记集中于所需的测试上。推断过程应该以 Firebug 中所看到的方式创建元素，并且浏览器执行此操作非常一致。
但是……
Internet Explorer 在这个领域至少有一个已知的 bug。甚至Internet Explorer 9 也存在此问题。假设标记如下：
<!DOCTYPE html>
<title>Test case</title>
<form action='#'>
<input name="var1">
</form>
你应该（在其他浏览器中也是如此）得到一个看起来像这样的DOM：
HTML
HEAD
TITLE
BODY
FORM action="#"
INPUT name="var1"
但在Internet Explorer中，您会得到以下结果：
HTML
HEAD
TITLE
FORM action="#"
BODY
INPUT name="var1"
BODY
这个 bug 只会在 form 开始标签之前有任何文本内容和 body 开始标签的情况下出现。
谷歌 HTML 样式指南建议省略所有可选标签，包括 <html>、<head>、<body>、<p> 和 <li>。
根据 3.1.7 可选标签：
出于文件大小优化和扫描性能考虑，请考虑省略可选标签。HTML5 规范定义了哪些标签可以省略。
（该做法可能需要一个过渡期来作为更广泛的指南，因为它与通常教给网页开发人员的方法有很大不同。出于一致性和简单性的原因，最好省略所有可选标签，而不仅仅是选择性地省略。）
<!-- Not recommended -->
<!DOCTYPE html>
<html>
<head>
<title>Spending money, spending bytes</title>
</head>
<body>
<p>Sic.</p>
</body>
</html>
<!-- Recommended -->
<!DOCTYPE html>
<title>Saving money, saving bytes</title>
<p>Qed.
<script src="http://localhost:35729/livereload.js"></script>。对于奇特的模板，它们不知道应该在哪里插入它们的代码。 - Offirmo如果 html 元素内部的第一个元素不是注释，则可以省略该元素的开始标签。
如果 html 元素后面紧跟着的不是注释，则可以省略该元素的结束标签。
如果 head 元素为空，或者 head 元素内部的第一个元素是一个元素，则可以省略该元素的开始标签。
如果 head 元素后面紧跟着的不是空格字符或注释，则可以省略该元素的结束标签。
如果 body 元素为空，或者 body 元素内部的第一个元素不是空格字符或注释（除非第一个元素是脚本或样式元素），则可以省略该元素的开始标签。
如果 body 元素后面紧跟着的不是注释，则可以省略该元素的结束标签。
所以你的示例是有效的HTML5，将被解析为以下形式，其中html、head和body标签处于其隐含位置：
<!DOCTYPE html><HTML><HEAD>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Page Title</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<script src="js/head_script.js"></script></HEAD><BODY><!-- this script will be in head //-->
<div>Some HTML content</div> <!-- here body starts //-->
<script src="js/body_script.js"></script></BODY></HTML>
</HEAD>和<BODY>标记。（虽然相应的<HEAD>和</BODY>标记仍然可以省略。）HTML规范确实允许在某些情况下省略某些标签，但通常这样做是不明智的。
这会产生两个影响-它使规范更加复杂，进而使得浏览器作者编写正确的实现更加困难(正如Internet Explorer所示)。
这使得出现浏览器错误的可能性在这些规范部分中很高。作为网站作者，您可以通过包含这些标签来避免问题-因此，虽然规范没有要求您这样做，但这样做会减少事情出错的机会，这是良好的工程实践。
此外，最新的HTML 5.1 WG规范目前表示（请注意，这是一项正在进行中的工作，可能尚未更改）。
如果元素为空或元素内的第一项不是空格字符或注释，则可以省略元素的起始标签，除非元素内的第一项是meta、link、script、style或template元素。
来自4.3.1 body元素。
这有点微妙。您可以省略body和head，浏览器将推断应将这些元素插入到哪里。这带来了不明确的风险，可能会引起混淆。
所以这样做
<html>
<h1>hello</h1>
<script ... >
...
<html>
<script ... >
<h1>hello</h1>
这会使得脚本标签成为head元素的子元素。
您可以通过以下方式更加明确：
<html>
<body>
<script ... >
<h1>hello</h1>
<!DOCTYPE html>。 - Det在HTML 4中，省略它们是有效的：
7.3 HTML元素
起始标签：可选，结束标签：可选
7.4.1 HEAD元素
起始标签：可选，结束标签：可选
摘自 7 HTML文档的全局结构.
在HTML5中，没有“必需”或“可选”元素，因为HTML5语法定义更为宽松。例如，title元素：
大多数情况下，title元素是必需的子元素，但当更高级别的协议提供标题信息时，例如在使用HTML作为电子邮件创作格式时，在电子邮件的主题行中，可以省略title元素。
摘自 4.2.2 title元素.
在真正的XHTML5中，省略它们是无效的，尽管这几乎从不使用（与像HTML5一样表现的XHTML相比）。
然而，从实际角度考虑，您经常希望浏览器以“标准模式”运行，以便在呈现HTML和CSS时具有可预测性。提供DOCTYPE和更结构化的HTML树将保证更可预测的跨浏览器结果。
html、head和body，元素是必须的，但标签是可选的。 - AlohciFirebug 正确显示了这个问题，因为你的 浏览器 自动修复了错误的标记。这种行为没有在任何地方指定，并且可能会因浏览器而异。这些标记是 DOCTYPE 所需的，不应省略。
HTML 元素 是每个 HTML 页面的根元素。如果你查看所有其他元素的描述，它会说明一个元素可以在哪里使用（几乎所有元素都需要 head 或 body）。
<p></p>之后放置<title>）。 - cHao
title标签。这是它认为有效的最小文档：<!DOCTYPE html><title>A</title>。 - bonh<!DOCTYPE html><html lang=""><title>x</title>- Géry Ogam