很多人以为加了 required 就万事大吉，结果用户点提交，浏览器弹个原生提示就完了，样式丑、逻辑不可控、后端还得再验一遍。这不是 HTML 的问题，是没理解它的校验边界。

使用场景与限制：

• required、minlength、pattern 等只在表单调用 submit() 或用户点击 时触发，JS 直接改 value 不触发
• pattern 用的是正则，但默认锚定在字符串首尾（相当于自动加 ^ 和 $），写 pattern="[0-9]+" 就行，不用写 ^[0-9]+$
• 校验失败时，checkValidity() 返回 false，但不会自动滚动到错误字段 —— 这得自己用 reportValidity() 或手动聚焦

script 标签放哪儿，直接决定页面能不能用

把 ）永远同步执行，放哪儿都一样，但别放 里去操作 body 元素

复杂点在于：多个 defer 脚本按顺序执行，但 async 不保证顺序；移动端弱网下，没加 defer 或 async 的脚本会让白屏时间明显变长。这些细节，光看教程根本意识不到。

以上就是《HTML怎么学？自学技巧全攻略》的详细内容，更多关于的资料请关注golang学习网公众号！