在线编辑器默认添加<!DOCTYPE html>是为了强制浏览器启用标准模式，避免怪异模式导致API异常、布局错误等问题；删除后将引发兼容性故障，无法正常运行现代Web代码。
在线编辑器为什么默认带 HTML5 文档声明
大多数现代在线编辑器（如 CodePen、JSFiddle、StackBlitz）新建文件时自动插入 <!DOCTYPE html>，不是“加了 HTML5”，而是浏览器渲染模式的强制开关。没有它，contenteditable 行为、localStorage、fetch() 等 API 可能降级或报错——这不是编辑器“支持 HTML5”，是它按标准模式启动页面的底线。
去掉 <!DOCTYPE html> 会怎样
删掉这一行后，主流浏览器（Chrome/Firefox/Edge）会触发怪异模式（Quirks Mode），直接后果包括：
-
getBoundingClientRect()返回值可能含小数误差 -
document.body.scrollTop永远为 0（必须用document.documentElement.scrollTop） -
flex布局部分属性失效（如align-items: center不居中） - 某些编辑器（如 Monaco-based 的 VS Code Web）会拒绝加载或报
DOMException: InvalidStateError
换句话说：不是“能不能去”，而是“去了之后你写的代码大概率跑不起来”。
真要模拟非 HTML5 环境？用 iframe + document.write
如果测试旧版 IE 兼容逻辑或调试怪异模式样式，唯一可控方式是动态写入无 doctype 的文档：
立即学习“前端免费学习笔记（深入）”；
<iframe id="legacy-frame"></iframe>
<script>
const iframe = document.getElementById('legacy-frame');
const doc = iframe.contentDocument || iframe.contentWindow.document;
doc.open();
doc.write('<html><body>Hello from quirks mode</body></html>');
doc.close();
</script>
注意：doc.write() 必须在 doc.open() 之后、doc.close() 之前调用；且该 iframe 内无法使用 module 脚本或现代 CSS 自定义属性。
编辑器设置里找不到“关 HTML5”选项
因为根本不存在这个开关。所谓“HTML5 方式”只是指编辑器输出的 HTML 文件符合 HTML5 规范——它由三部分组成：
- 必须有
<!DOCTYPE html> - 根元素是
<html lang="zh">（lang 属性推荐但不强制） - 脚本用
<script type="module">或普通<script>，不依赖language属性
如果你看到编辑器生成了 <html xmlns="http://www.w3.org/1999/xhtml">，那是 XHTML 遗留痕迹，和 HTML5 冲突，应手动删掉 xmlns 属性——这才是真正需要动的地方。
