最简合法HTML5文档必须包含、、、四个标签,缺一不可;其中须置于首位置以防乱码,script依赖DOM时应放前或用defer。
HTML文档必须包含哪些标签才能被浏览器正确解析
不写全基本结构,浏览器会进入怪异模式(Quirks Mode),CSS和JS行为可能出人意料。最简合法HTML5文档必须有
、
、
、
四个部分,缺一不可。
必须是第一行,且不能带任何空格或注释前置,否则触发怪异模式
是根元素,建议加
属性(如
),否则屏幕阅读器可能读错语言
里至少要有
,漏掉会导致中文乱码——哪怕页面只显示英文,也建议加上
可以为空,但不能省略;空
比缺失更安全
为什么要放在最前面
浏览器解析HTML是流式进行的。如果
出现在
或其他标签后面,前面已读取的内容(比如
)可能已被按默认编码(通常是ISO-8859-1)解码过一次,再改编码也来不及回退。
错误写法:
→ 标题文字大概率乱码
正确顺序:把
放在
第一个子元素位置
不需要写
,那是HTML4写法,冗余且易出错
script 标签放 head 还是 body 底部?关键看依赖关系
放错位置会导致
找不到元素、jQuery
未定义等报错,本质是脚本执行时DOM还没就绪。
如果脚本只操作全局对象(如
、
),放
没问题
如果脚本要访问
中的元素(比如初始化按钮事件),必须确保它在对应HTML之后执行:
– 放在
前(推荐)
– 或用
属性(仅适用于外部脚本)
– 或监听
事件
不适合依赖DOM的脚本,它不保证执行顺序,也不等DOM构建完
HTML5中哪些标签可以省略、哪些绝不能省
HTML5允许部分结束标签“省略”,但省略后代码可读性下降,且容易误判嵌套关系。浏览器虽能自动补全,但补全逻辑未必符合你的预期。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
下载
立即学习
“
前端免费学习笔记(深入)
”;
可安全省略的:
、
、
、
、
、
绝不能省略的:
、
、
开始标签——它们定义了文档骨架,省略等于放弃结构控制权
的结束标签可省,但连续多个
时,省略会导致意外合并(如
被解析为一个段落)
真实项目中,建议始终写全开始和结束标签。自动补全不是容错机制,而是历史兼容包袱。
langlang="zh-CN"你好 页面 document.getElementById$windowconsoledeferDOMContentLoadedasynca
b
