html写对需满足三点：浏览器正常显示、校验器不报错、语义清晰；必须包含与，设置viewport，禁用废弃标签，规范嵌套与闭合，并用w3c validator验证。
HTML 文件怎么才算写对了
浏览器能正常显示、校验器不报错、语义清晰——这三点缺一不可。很多人写完 <p>hello</p> 就以为成了，其实漏了 和 <meta charset="utf-8">，中文会乱码，SEO 也基本报废。
-
<meta charset="utf-8">必须放在里靠前位置，晚了可能触发浏览器重排 - 不用
<font></font>标签（已废弃），用 CSS 控制样式；<center></center>同理，现在用text-align或margin: auto - 自闭合标签如
<img alt="html怎么做_html基础制作方法【入门】" >、<input>在 HTML5 中不强制加/，写成<img src="a.jpg" alt="html怎么做_html基础制作方法【入门】" >即可，加了也不报错但没必要
怎么让页面在手机上不缩放变形
默认情况下，移动端浏览器会把桌面版页面“缩放后塞进屏幕”，文字小得看不清。这不是 CSS 问题，是 HTML 的 viewport 配置没到位。
- 必须在
里加这行：<meta name="viewport" content="width=device-width, initial-scale=1.0"> - 删掉
user-scalable=no—— 屏幕阅读器和视力障碍用户依赖缩放，禁用属于可访问性违规 - 如果用了
maximum-scale=1.0，iOS Safari 可能忽略initial-scale，导致首次加载仍缩放
表单提交老是跳转或刷新，怎么留在这页
原生 <form></form> 提交默认触发页面跳转，不是 JS 失效，是没阻止默认行为。想用 AJAX 或验证后再提交，得从 HTML 结构和 JS 协同入手。
- 给
<form></form>加onsubmit="return false;"是最简方案，但不利于维护；推荐用 JS 绑定event.preventDefault() -
<button type="submit"></button>和<button></button>行为不同：后者默认是type="button"，不会触发表单提交 - 如果后端返回 JSON，别用
target="_blank"或action="data:"这类取巧方式，既不可靠又难调试
为什么 Chrome 控制台说 “Unexpected end tag”
这是 HTML 解析器报的结构错误，不是 JS 错误。常见于标签嵌套错位、遗漏闭合，或在不该出现块级元素的地方写了块级标签。
立即学习“前端免费学习笔记（深入）”；
-
<p></p>不能嵌套<div> —— 浏览器会自动断开，导致后续 DOM 结构错乱 <li> <code><li>必须直接放在<ul></ul>或<ol></ol>里，中间插个<p></p>就算非法 - 复制粘贴代码时容易带隐藏 Unicode 字符（比如零宽空格），用编辑器的“显示不可见字符”功能排查
HTML 看似简单，但浏览器解析规则严格，且不同版本容忍度不同。写完最好用 W3C Validator 跑一次，比肉眼检查靠谱得多。很多“看起来正常”的页面，其实 DOM 树早被浏览器悄悄修正过好几轮了。
