<!DOCTYPE>奇葩的问题

最新推荐文章于 2021-06-09 19:24:51 发布
最新推荐文章于 2021-06-09 19:24:51 发布
阅读量1.1k 收藏
点赞数
分类专栏： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w5167839/article/details/40743971
版权
作用: <!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
1.： <!DOCTYPE> 声明没有结束标签。

2：<!DOCTYPE> 声明对大小写不敏感。

3：请使用 W3C 的验证器来检查您是否编写了有效的 HTML / XHTML 文档！

如果不写声明文档的解析类型(document.compatMode)

document.compatMode：
BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。
浏览器就会按照自己的默认的怪异模式编译

各个版本的写法:

HTML 5

<!DOCTYPE html>
     
     

      
      

       
       
HTML 4.01 Strict

       
       
该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

       
       
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

      
      

      
      

       
       

        
        

         
         
HTML 4.01 Transitional

         
         
该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

         
         
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

        
        

        
        

         
         

          
          
 
           
HTML 4.01 Frameset
 
           
该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容。
 
           
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
"http://www.w3.org/TR/html4/frameset.dtd">
 
          

          
          
 
           
 
            
 
             
XHTML 1.0 Strict
 
             
该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。
 
             
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
             
              
              

               
               

                
                
XHTML 1.0 Transitional

                
                
该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。

                
                
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

                
                
                 
                 

                  
                  

                   
                   
XHTML 1.1

                   
                   
该 DTD 等同于 XHTML 1.0 Strict，但允许添加模型（例如提供对东亚语系的 ruby 支持）。

                   
                   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

熏肉大饼
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5 <!DOCTYPE html>
jesseyoung
07-14 2394
1 定义和用法 <!DOCTYPE> 声明必须位于 HTML5 文档中的第一行，也就是位于 <html> 标签之前。该标签告知浏览器文档所使用的 HTML 规范。 doctype 声明不属于 HTML 标签；tag; 它是一条指令，告诉浏览器编写页面所用的标记的版本。 在所有 HTML 文档中规定 doctype 是非常重要的，这样浏览器就能了解预期的文档类型。 HTML 4.01 中的 doctype 需要对 DTD 进行引用，因为 HTML 4.01 基于 SGML。而 H
HTML表格标记——table
海狼莹的专栏
08-01 2014
重点： 1.colspan：列合并 2.rowspan：行合并 3.cellpadding：单元格内容到
$().html()对ie9无效,【急】关于网站不支持IE9和IE10问题
weixin_39690391的博客
06-07 557
在IE和chrome控制台调试时发现错误，先排查以下问题试试：IE10:HTML1524: HTML5 DOCTYPE 无效。请考虑使用交互式表单“”。文件: OrderList.aspx，行: 2，列: 1DOM7011: 此页上的代码禁用了反向和正向缓存。有关详细信息，请参阅: http://go.microsoft.com/fwlink/?LinkID=291337文件: Login.asp...
HTML之交互式表单
天涯~的博客
12-10 3422
首先来了解一下浏览器提交表单与服务器的交互过程，如下图所示： （1）使用元素，以及在其间嵌入的相关元素（称为控件），就可以创建作为HTML文档一部分的表单。 表单的基本语法如下： ...... method：用于指定向服务器发送表单数据时所使用的HTTP方法，可以使get或post两种方法中的一种，get是缺省的方法。当采用get方法提交表单时，提交的数据被附加到URL的末
IE11 400错误，谷歌、火狐正常显示（中文参数导致）
牟云飞的博客
11-08 1899
转载自：https://blog.csdn.net/tornado430/article/details/82706374   今天发现个问题，做的项目在谷歌、火狐、edge上正常显示及跳转，但IE11上就会报下面几个错： 1：400错误 2：HTML5 DOCTYPE 无效 &lt;!DOCTYPE &gt;错误 3：dom-DOM7011：禁用了反向和正向缓存 搜索了这3个错误，发...
关于 Html 中的 DOCTYPE 声明作用
yicunyangguang的博客
03-18 494
作用： 用来告知 Web 浏览器页面使用了哪种 HTML 版本，确保了浏览器能够预先知道文档类型，正确的渲染内容。 定义： 1、&lt;!DOCTYPE&gt; 声明位于文档中的最前面的位置，处于 &lt;html&gt; 标签之前。 2、在 HTML 4.01 中，&lt;!DOCTYPE&gt; 声明需引用 DTD （文档类型声明），因为 HTML 4.01 是基于 SGML （Sta...
为什么使用DOCTYPE HTML
12-08
你知道如果没有它，浏览器在渲染页面的时候会使用怪异模式；你知道各个浏览器在怪异模式下对各个元素渲染是有差异的。所以你会写像这样的doctype： 复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 好在现在的各种web开发工具都足够强大，支持插入模板代码，因此你并不需要把这又长又臭的doctype一个个字母的敲出来。但是如果你受够了它，你也许可以尝试下面这个写法： 复制代码代码如
IDEA搭建mybatis项目之异常：java.io.IOException: Could not find resource com/gz/mapper/CustomerMapper.xml
weixin_43945685的博客
08-26 1239
IDEA搭建mybatis项目之异常：java.io.IOException: Could not find resource mapping/UserMapper.xml 由Eclipse转用IDEA真是一把把的辛酸泪，两种编译器看似都是在java开发中中流砥柱的开发工具，但编程这东西失之毫厘差之千里啦，在开发过程中代码出bug不重要，但总是爆些不所云的bug而且与代码关系不大的bug就很气啦！...
Semantic UI学习（二、按钮学习）
maruijiego
04-10 838
文章目录一、按钮的变形1.最基础的按钮2.div包裹的按钮3.空心按钮（又称基础按钮，即不显眼的按钮）4.紧凑按钮（小内边距--四个内边距都偏小）5.奇形怪状按钮(1).椭圆形按钮(2).圆形按钮--圆形按钮只能放下一个图标6.九种语义定义的不同大小的按钮7.激活与禁用状态的按钮8.绝对位置按钮(1).容器最右端(2).容器最左端(3).占满当前行二、按钮的颜色1.四种语义颜色按钮（其实就是为某种...
web渗透常见漏洞总结
gugonggugong的博客
01-14 3507
一、SQL注入 1. 原理 SQL：结构化查询语言 所谓SQL注入，就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。 SQL注射能使攻击者绕过认证机制，完全控制远程服务器上的数据库。 当应用程序使用输入内容来构造动态sql语句以访问数据库时，会发生sql注入攻击；如果代码使用存储过程，而这些存储过程作为包含未筛选的用户输入的字符串来传递，也会发生sql注入。 2. 不同数据库的注入 MySQL access...
html+css+js基础问答
qq_43751465的博客
08-26 5167
css3 1.标签语义化 顾名思义，合理的标签干合适的事情 块级（display：block）：div 、p、h1~h6、hr、ul、ol、li、dl、dd、form、table、header、footer、main、nav、sector、arcitcle、pre、table、tbody、thead、th、tr、tfoot 行级（display：inline）：a、span、small、strong、em、i、code、 行内块（display：inline-block）：img、input 区别： 1.
JQuery应用案例--自动增加行
君醉酒的博客
09-05 2172
使用JQuery实现自动增加行的功能。如下图，输入文本框内输入用户名和密码，点击增加，上方的表格就生成一行包含刚才输入的用户名和密码，并且还有删除本行的按钮。 代码： 用户名 密码 操作 用户名： 密码： $(function
html1524: 无效 doctype.,jquery – IE10(9,8)不能识别DOCTYPE xhtml
weixin_30118071的博客
06-09 290
IE10拒绝启动一些jQuery代码，到目前为止我在运行时发现一个doctype被错误检测和前面4.01过渡版本在IE的开发工具查看控制台我看到HTML1524：DOCTYPE无效。最短的有效DOCTYPE是“”。和以下(运行时修改)html：我相信滥用DOCTYPE和一些jQuery不工作有一个共同的原因，但没有找到它是什么xmlns="http://www.w3.org/1999/xhtml"...
HTML5头部为什么只需要写DOCTYPE html?
人间清醒
05-08 3548
html5不基于SGML,因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照他们应该的方式来运行） 而HTML4.01基于SGML，所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。 ps:SGML是标准通用标记语言,简单的说，就是比HTML,XML更老的标准，这两者都是由SGML发展而来的。 BUT，HTML5不是的。...
关于HTML中的 DOCTYPE 声明
Mikelucis的博客
05-19 701
关于HTML中的 <!DOCTYPE> 声明 今天在完成课程任务时，我的HTML代码中一处出现了一个问题。 我现在有三张图片，这三张图片是从一张图片无缝裁剪下来的，这三张图片均等宽不等高，若使用PS可完美拼接回原图。我在表格内，将此三张图片放入，当浏览器运行时，我发现此三图片并未完美紧密贴合，而是两两之间有着空隙。 源代码： #time 2020-05-19 <!DOCTYPE> <html> <head> <title>.
HTML5 doctype声明
limeiyans喜欢编程的那些事
02-27 1292
看看这个页面的“源代码”。源代码是生成一个HTML页面。 在Chrome或FireFox电脑右击页面上的任何地方(广告除外)并选择“查看源代码”,甚至更容易点击“Ctrl-U”。在IE“Ctrl-U”不起作用;你必须右键单击页面并选择“查看源代码”。选择它,将其复制并粘贴到记事本或一些文本编辑器。如果你有任何问题或在不同的浏览器中搜索“源代码”的帮助。 在页面的顶端你会看到doctype声明:
关于HTML的DOCTYPE详细解释（面试知识）
itHeima_Liu的博客
05-11 2009
关于HTML的DOCTYPE详细解释   相信很多新入门学习前端开发的同学，一开始学习html语言便迫不及待地想写出自己的第一个网页，因此可能忽视了html文件中的某些重要的标识。   这里我要说的就是html文件头部的这个重要但并不引人重视的标签。由于现在有很多前端开发工具，用起来省时省力，新建一个html文件，大体的结构便已经自动生成，可能并没有多少人注重对这个头标签的理解。但是很多的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值