网页上加上<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 页浮动广告的一段JS就不管用，是doctype的原因
doctype的作用
doctype声明指出阅读程序应该用什么规则集来解释文档中的标记。在web文档的情况下，“阅读程序”通常是浏览器或者校验器这样的一个程序，“规则”则是w3c所发布的一个文档类型定义（dtd）中包含的规则。
每个dtd都包括一系列标记、attributes和properties，它们用于标记web文档的内容；此外还包括一些规则，它们规定了哪些标记能出现在其他哪些标记中。每个web建议标准（比如html 4 frameset和xhtml 1.0 transitional）都有自己的dtd。
假如文档中的标记不遵循doctype声明所指定的dtd，这个文档除了不能通过代码校验之外，还有可能无法在浏览器中正确显示。对于标记不一致的问题，浏览器相较于校验器来说更宽容。但是，不正确的doctype声明经常导致网页不正确显示，或者导致它们根本不能显示。
选择正确的doctype
为了获得正确的doctype声明，关键就是让dtd与文档所遵循的标准对应。例如，假定文档遵循的是xhtml 1.0 strict标准，文档的doctype声明就应该引用相应的dtd。另一方面，如果doctype声明指定的是xhtml dtd，但文档包含的是旧式风格的html标记，就是不恰当的；类似地，如果doctype声明指定的是html dtd，但文档包含的是xhtml 1.0 strict标记，同样是不恰当的。
有的时候，也可以根本不使用一个doctype声明。如果没有指定有效的doctype声明，大多数浏览器都会使用一个内建的默认dtd。在这种情况下，浏览器会用内建的dtd来试着显示你所指定的标记。对于一些临时性的、匆忙拼凑的文档（这种文档有许多），你确实可以考虑省略doctype声明，并接受浏览器的默认显示。
完全可以从头编写一个doctype声明，并让它指向自己选择的一个dtd。然而，由于大多数web文档都需要遵循由w3c发布的某个国际公认的web标准，所以那些文档通常都要包含以下标准doctype声明之一：
html 2：
<!doctype html public "-/ietf/dtd html 2.0/en">
html 3.2：
<!doctype html public "-/w3c/dtd html 3.2 final/en">
html 4.01 strict：
<!doctype html public "-/w3c/dtd html 4.01/en"
"http://www.w3.org/tr/html4/strict.dtd">
html 4.01 transitional：
<!doctype html public "-/w3c/dtd html 4.01 transitional/en"
"http://www.w3.org/tr/html4/loose.dtd">
html 4.01 frameset：
<!doctype html public "-/w3c/dtd html 4.01 frameset/en"
"http://www.w3.org/tr/html4/frameset.dtd">
xhtml 1.0 strict：
<!doctype html public "-/w3c/dtd xhtml 1.0 strict/en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
xhtml 1.0 transitional：
<!doctype html public "-/w3c/dtd xhtml 1.0 transitional/en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
xhtml 1.0 frameset：
<!doctype html public "-/w3c/dtd xhtml 1.0 frameset/en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd">
xhtml 1.1：
<!doctype html public "-/w3c/dtd xhtml 1.1/en"
"http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">
xhtml 1.1 plus mathml plus svg：
<!doctype html public
"-/w3c/dtd xhtml 1.1 plus mathml 2.0 plus svg 1.1/en"
"http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
除了上面列出的doctype声明，具有特殊要求的一些文档还使用了其他几种声明。
doctype声明通常是文档的第一行，要在<html>标记以及其他文档内容之前。注意，在xhtml文档中，doctype的前面偶尔会出现一条xml处理指令（也称为xml prolog）：
<@xml version="1.0" encoding="utf-8"@>
为了确保网页正确显示和顺利通过验证，使用正确的doctype是关键。与内容相反的、不正确的或者形式错误的doctype是大量问题的罪魁祸首。在未来的专栏文章中，我还会具体解释如何诊断及纠正这些问题。
用dw设计网页时，新建一个文件，看代码最前面总要出现一个下面的东东，
<!doctype html public "-/w3c/dtd html 4.01 transitional/en"
"http://www.w3.org/tr/html4/loose.dtd">
这个是dw自动在网页文件页增加了dtd信息.可以删.
删除后，浏览器会使用的默认dtd.
网页上加上 页浮动广告的一段JS就不管用，是doctype的原因
2009-07-16
846
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
网页上加上 页浮动广告的一段JS就不管用，是doctype的原因doctype的作用 doctype声明指出阅读程序应该用什么规则集来解释文档中的标记。在web文档的情况下，“阅读程序”通常是浏览器或者校验器这样的一个程序，“规则”则是w3c所发布的一个文档类型定义（dtd）中包含的规则。
目录
相关文章
|
24天前
|
存储
JavaScript
前端开发
|
2月前
|
编解码
前端开发
JavaScript
|
2月前
|
Web App开发
JavaScript
前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11，Maxthon 1.6.7，Firefox30、31，360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11，Maxthon 1.6.7，Firefox30、31，360极速浏览器7.5.3.308下测试正常
38
0
0
|
6天前
|
JavaScript
js实现简洁实用的网页计算器功能源码
这是一款使用js实现简洁实用的网页计算器功能源码。可实现比较基本的加减乘除四则运算功能，界面简洁实用，是一款比较基本的js运算功能源码。该源码可兼容目前最新的各类主流浏览器。
14
2
2
|
28天前
|
存储
JavaScript
前端开发
【JavaScript】网页交互的灵魂舞者
本文介绍了 JavaScript 的三种引入方式（行内、内部、外部）和基础语法，包括变量、数据类型、运算符、数组、函数和对象等内容。同时，文章还详细讲解了 jQuery 的基本语法和常用方法，如 `text()`、`html()`、`val()`、`attr()` 和 `css()` 等，以及如何插入和删除元素。通过示例代码和图解，帮助读者更好地理解和应用这些知识。
13
1
1
|
2月前
|
1月前
|
Web App开发
缓存
前端开发
前端RAG：使用Transformers.js手搓纯网页版RAG（二）- 基于qwen1.5-0.5B
本文继续探讨了RAG的后半部分，通过在浏览器中运行qwen1.5-0.5B模型实现了增强搜索全流程。然而，由于浏览器与模型性能限制，该方案更适合研究、离线及高隐私场景。文章提供了完整的前端代码，让读者能够动手尝试。此外，详细介绍了代码框架、知识库准备、模型初始化及问答实现等步骤，并展示了实际运行效果。受限于当前技术，除非在离线或高隐私环境下，网页大模型的应用仍需进一步优化。
47
0
0
|
1月前
|
存储
自然语言处理
文字识别
纯前端RAG：使用Transformers.js实现纯网页版RAG（一）
本文将分两部分教大家如何在网页中实现一个RAG系统，本文聚焦于深度搜索功能。通过浏览器端本地执行模型，可实现文本相似度计算和问答匹配，无需依赖服务器。RAG搜索基于高维向量空间，即使不完全匹配也能找到意义相近的结果。文中详细介绍了如何构建知识库、初始化配置、向量存储及相似度计算，并展示了实际应用效果。适用于列表搜索、功能导航、文档查询及表单填写等多种场景。
122
0
0
|
2月前
|
JavaScript
前端开发
|
2月前
|
JavaScript
前端开发
热门文章
最新文章
1
一看就会的Next.js App Router版 -- Routing（上）（一）
2
《JavaScript应用程序设计》一一2.9 方法API的设计
3
3.Ext JS 程序中使用路由
4
YY游戏云的angular js实践总结
5
javascript类型系统之Array
6
好程序员web前端培训分享JavaScript学习笔记cookie
7
HTML6 无 JavaScript 的单页应用引起一片哗然
8
JavaScript值得注意的小知识点
9
js正则表达式语法
10
JS中document对象详解
1
掌握JavaScript中的二进制运算，提升你的编程技能！
133
2
掌握值类型和引用类型，让你的JavaScript代码更上一层楼！
63
3
深入理解Vue.js中的nextTick：实现异步更新的奥秘
143
4
垃圾回收：JavaScript内存管理的利器
54
5
Web Worker：JavaScript的后台任务解决方案
143
6
函数柯里化：JavaScript中的高级技巧
62
7
Babel：JavaScript代码的编译利器
112
8
抽象语法树（AST）：理解JavaScript代码的抽象语法树
197
9
浏览器与Node.js事件循环：异同点及工作原理
163
10
JS的几种设计模式，Web前端基础三剑客学习知识分享，前端零基础开发
49