简单介绍下html页面中DOCTYPE声明的作用:
<!doctype html>告诉浏览器是使用标准模式还是怪异模式渲染页面。
1.为html页面添加了doctype,则浏览器在standard模式渲染页面。
2.若没有给html指定doctype声明,浏览器则在quriks模式下渲染页面。
下面一段代码可以通过添加和屏蔽<!doctype html>来验证两种结果:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <! DOCTYPE html> < html > < head lang="en"> < meta charset="UTF-8"> < title ></ title > < script type="text/javascript"> var mode=document.compatMode; if(mode==="CSS1Compat"){ document.write("the document is rendered in Standards mode"); }else if(mode==="BackCompat"){ document.write("the document is rendered in Quirks mode"); }else{ document.write("the document is wired.document.compatMode="+mode); } </ script > </ head > < body > </ body > </ html > |
使用浏览器自行验证,查看输出结果。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Sdcb Chats 技术博客:数据库 ID 选型的曲折之路 - 从 Guid 到自增 ID,再到
· 语音处理 开源项目 EchoSharp
· 《HelloGitHub》第 106 期
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 使用 Dify + LLM 构建精确任务处理应用