首页 / HTML / HTML <!DOCTYPE>标签 各版本对应的标签是否有无

HTML <!DOCTYPE>标签 各版本对应的标签是否有无

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了HTML <!DOCTYPE>标签 各版本对应的标签是否有无，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4747字，纯文字阅读大概需要7分钟。

内容图文

参考来源：　　http://www.w3school.com.cn/tags/html_ref_dtd.asp

 

HTML5/HTML 4.01/XHTML 元素和有效的 DTD

下面的表格列出了所有的 HTML5/HTML 4.01/XHTML 元素，以及它们会出现在什么文档类型 (DTD) 中：

标签 HTML5 HTML 4.01 / XHTML 1.0 XHTML 1.1
Transitional Strict Frameset
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'> No Yes Yes Yes Yes
' ref='nofollow'>
 		Yes Yes Yes Yes Yes
' ref='nofollow'> No Yes No Yes No
' ref='nofollow'> Yes Yes Yes Yes No
' ref='nofollow'>
 Yes No No No No
' ref='nofollow'> Yes No No No No
' ref='nofollow'> Yes No No No No
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'> No Yes No Yes No
' ref='nofollow'> Yes No No No No
' ref='nofollow'> Yes Yes Yes Yes No
' ref='nofollow'> No Yes Yes Yes Yes
' ref='nofollow'>
 		Yes Yes Yes Yes Yes
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'>
 		Yes Yes Yes Yes Yes
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'> Yes No No No No
' ref='nofollow'>
Yes Yes Yes Yes Yes
' ref='nofollow'>
 		No Yes No Yes No
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'>
Yes Yes Yes Yes No
' ref='nofollow'>
Yes Yes Yes Yes No
' ref='nofollow'> Yes No No No No
' ref='nofollow'> Yes No No No No
' ref='nofollow'>
 		Yes Yes Yes Yes Yes
' ref='nofollow'> Yes Yes Yes Yes No
' ref='nofollow'>
 Yes No No No No
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'> No Yes No Yes No
' ref='nofollow'>
 		Yes Yes Yes Yes Yes
' ref='nofollow'>
 		Yes Yes Yes Yes Yes
' ref='nofollow'>
 		Yes Yes Yes Yes Yes
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'> Yes No No No No
' ref='nofollow'>
 Yes Yes Yes Yes Yes
' ref='nofollow'>
 Yes No No No No
' ref='nofollow'>
 Yes No No No No
' ref='nofollow'> No Yes No Yes No
' ref='nofollow'>
 Yes No No No No
' ref='nofollow'>
 		Yes Yes Yes Yes Yes
' ref='nofollow'> No No No Yes No
' ref='nofollow'> No No No Yes No
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'>
 Yes No No No No
to
' ref='nofollow'>

to

Yes Yes Yes Yes Yes
' ref='nofollow'>
 		Yes Yes Yes Yes Yes
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'> Yes Yes No Yes No
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'> Yes Yes Yes Yes No
' ref='nofollow'> Yes No No No No
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'> Yes Yes Yes Yes Yes
' ref='nofollow'>
  •      		Yes Yes Yes Yes Yes
    ' ref='nofollow'> Yes Yes Yes Yes Yes
    ' ref='nofollow'> Yes Yes Yes Yes No
    ' ref='nofollow'> Yes No No No No
    ' ref='nofollow'> Yes Yes No Yes No
    ' ref='nofollow'> Yes Yes Yes Yes Yes
    ' ref='nofollow'> Yes No No No No
    ' ref='nofollow'> Yes No No No No
    ' ref='nofollow'></a> </td> <td> <span>No</span> </td> <td>Yes</td> <td> <span>No</span> </td> <td>Yes</td> <td> <span>No</span> </td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_noscript.asp" title="">' ref='nofollow'&gt;<noscript /></a> </td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_object.asp" title="">' ref='nofollow'&gt;<object></object></a> </td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_ol.asp" title="">' ref='nofollow'&gt;<ol></ol></a> </td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_optgroup.asp" title="">' ref='nofollow'&gt;<optgroup /></a> </td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_option.asp" title="">' ref='nofollow'&gt;<option></option></a> </td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_output.asp" title="">' ref='nofollow'&gt;<output /></a> </td> <td>Yes</td> <td> <span>No</span> </td> <td> <span>No</span> </td> <td> <span>No</span> </td> <td> <span>No</span> </td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_p.asp" title="">' ref='nofollow'&gt;<p></p></a> </td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_param.asp" title="">' ref='nofollow'&gt;<param /></a> </td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_pre.asp" title="">' ref='nofollow'&gt;</a> </td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_progress.asp" title="">' ref='nofollow'&gt;<progress /></a> </td> <td>Yes</td> <td> <span>No</span> </td> <td> <span>No</span> </td> <td> <span>No</span> </td> <td> <span>No</span> </td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_q.asp" title="">' ref='nofollow'&gt;<q /></a> </td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_rp.asp" title="">' ref='nofollow'&gt;<rp /></a> </td> <td>Yes</td> <td> <span>No</span> </td> <td> <span>No</span> </td> <td> <span>No</span> </td> <td> <span>No</span> </td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_rt.asp" title="">' ref='nofollow'&gt;<rt /></a> </td> <td>Yes</td> <td> <span>No</span> </td> <td> <span>No</span> </td> <td> <span>No</span> </td> <td> <span>No</span> </td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_ruby.asp" title="">' ref='nofollow'&gt;<ruby /></a> </td> <td>Yes</td> <td> <span>No</span> </td> <td> <span>No</span> </td> <td> <span>No</span> </td> <td> <span>No</span> </td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_s.asp" title="">' ref='nofollow'&gt;<s /></a> </td> <td>Yes</td> <td>Yes</td> <td> <span>No</span> </td> <td>Yes</td> <td> <span>No</span> </td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_phrase_elements.asp" title="">' ref='nofollow'&gt;<samp /></a> </td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td> <a href="http://www.w3school.com.cn/tags/tag_script.asp" title="">' ref='nofollow'&gt;<script>/*<![CDATA[*/ </a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_section.asp' title='<section>' ref='nofollow'><section></a></td> <td>Yes</td> <td><span >No</span></td> <td><span >No</span></td> <td><span >No</span></td> <td><span >No</span></td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_select.asp' title='<select>' ref='nofollow'><select></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_small.asp' title='<small>' ref='nofollow'><small></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_source.asp' title='<source>' ref='nofollow'><source></a></td> <td>Yes</td> <td><span >No</span></td> <td><span >No</span></td> <td><span >No</span></td> <td><span >No</span></td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_span.asp' title='<span>' ref='nofollow'><span></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_strike.asp' title='<strike>' ref='nofollow'><strike></a></td> <td><span >No</span></td> <td>Yes</td> <td><span >No</span></td> <td>Yes</td> <td><span >No</span></td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_phrase_elements.asp' title='' ref='nofollow'></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_style.asp' title='<style>' ref='nofollow'><style></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_sup.asp' title='<sub>' ref='nofollow'><sub></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_summary.asp' title='<summary>' ref='nofollow'><summary></a></td> <td>Yes</td> <td><span >No</span></td> <td><span >No</span></td> <td><span >No</span></td> <td><span >No</span></td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_sup.asp' title='<sup>' ref='nofollow'><sup></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_table.asp' title='<table>' ref='nofollow'><table></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_tbody.asp' title='<tbody>' ref='nofollow'><tbody></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td><span >No</span></td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_td.asp' title='<td>' ref='nofollow'><td></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_textarea.asp' title='<textarea>' ref='nofollow'><textarea></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_tfoot.asp' title='<tfoot>' ref='nofollow'><tfoot></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td><span >No</span></td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_th.asp' title='<th>' ref='nofollow'><th></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_thead.asp' title='<thead>' ref='nofollow'><thead></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td><span >No</span></td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_time.asp' title='<time>' ref='nofollow'><time></a></td> <td>Yes</td> <td><span >No</span></td> <td><span >No</span></td> <td><span >No</span></td> <td><span >No</span></td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_title.asp' title='<title>' ref='nofollow'><title></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_tr.asp' title='<tr>' ref='nofollow'><tr></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_track.asp' title='<track>' ref='nofollow'><track></a></td> <td>Yes</td> <td><span >No</span></td> <td><span >No</span></td> <td><span >No</span></td> <td><span >No</span></td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_tt.asp' title='<tt>' ref='nofollow'><tt></a></td> <td><span >No</span></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_u.asp' title='<u>' ref='nofollow'><u></a></td> <td><span >No</span></td> <td>Yes</td> <td><span >No</span></td> <td>Yes</td> <td><span >No</span></td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_ul.asp' title='<ul>' ref='nofollow'><ul></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_phrase_elements.asp' title='<var>' ref='nofollow'><var></a></td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> <td>Yes</td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_video.asp' title='<video>' ref='nofollow'><video></a></td> <td>Yes</td> <td><span >No</span></td> <td><span >No</span></td> <td><span >No</span></td> <td><span >No</span></td> </tr> <tr> <td><a href='http://www.w3school.com.cn/tags/tag_wbr.asp' title='<wbr>' ref='nofollow'><wbr></a></td> <td>Yes</td> <td><span >No</span></td> <td><span >No</span></td> <td><span >No</span></td> <td><span >No</span></td> </tr> </tbody> </table><p><a href='http://www.bubuko.com/infodetail-2057547.html' title='HTML <!DOCTYPE>标签 各版本对应的标签是否有无' ref='nofollow'>HTML <!DOCTYPE>标签 各版本对应的标签是否有无</a></p><p>原文：http://www.cnblogs.com/1020182600HENG/p/6820551.html</p></span> /*]]>*/</script></a> </td> </tr> </tbody> </table> </span> <h4 class="article-section-summary">内容总结</h4> <blockquote> <p> 以上是互联网集市为您收集整理的<strong>HTML &lt;!DOCTYPE&gt;标签 各版本对应的标签是否有无</strong>全部内容，希望文章能够帮你解决<strong>HTML &lt;!DOCTYPE&gt;标签 各版本对应的标签是否有无</strong>所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。 </p> </blockquote> <h4 class="article-section-remark">内容备注</h4> <blockquote> <p> <strong>版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。</strong> </p> </blockquote> <h4 class="article-section-mobile">内容手机端</h4> <div class="copynotice"> <div class="qrcode"></div> <div class="60903a298bfb3 copynoticetxt"> <p>扫描二维码推送至手机访问。</p> <p>本文链接：<a href="https://qyyshop.com/info/1293644.html" title="HTML &lt;!DOCTYPE&gt;标签 各版本对应的标签是否有无">https://qyyshop.com/info/1293644.html</a></p> </div> </div> <hr> <div class="label pull-right authsource">来源：【匿名】</div> </div> </div> <div class="article-prenext ibox float-e-margins"> <div class="ibox-content"><div class="left-list"><a target="_self" href=https://qyyshop.com/info/120193.html>【下一篇】PHP 和 HTML</a></div></div> </div> <div class="article-more ibox float-e-margins jclist detailMoreInfo"> <div class="ibox-title"> <a href="https://qyyshop.com/info/1293644/pages1/" target="_blank" class="label pull-right" title="更多【HTML &lt;!DOCTYPE&gt;标签 各版本对应的标签是否有无】教程文章相关的互联网学习教程文章">更多 ► </a> <h5>【HTML &lt;!DOCTYPE&gt;标签 各版本对应的标签是否有无】教程文章相关的互联网学习教程文章</h5> </div> <div class="ibox-content"> <div class="list-item"><h3><a href="https://qyyshop.com/info/1293644.html" target="_blank" title="HTML &lt;!DOCTYPE&gt;标签 各版本对应的标签是否有无">HTML &lt;!DOCTYPE&gt;标签 各版本对应的标签是否有无【代码】</a></h3><p>参考来源：　　http://www.w3school.com.cn/tags/html_ref_dtd.asp HTML5/HTML 4.01/XHTML 元素和有效的 DTD下面的表格列出了所有的 HTML5/HTML 4.01/XHTML 元素，以及它们会出现在什么文档类型 (DTD) 中：标签HTML5HTML 4.01 / XHTML 1.0XHTML 1.1TransitionalStrictFrameset&#39; ref=&#39;nofollow&#39;&gt;YesYesYesYesYes&#39; ref=&#39;nofollow&#39;&gt;YesYesYesYesYes&#39; ref=&#39;nofollow&#39;&gt;NoYesYesYesYes&#39; ref=&#39;nofollow&#39;&gt;YesYesYesYesYes&#39; ref=&#39;nofollow&#39;&gt;...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1288092.html" target="_blank" title="HTML DOCTYPE 的重要性">HTML DOCTYPE 的重要性【代码】</a></h3><p>定义和用法&lt;!DOCTYPE&gt; 声明必须是 HTML 文档的第一行，位于 &lt;html&gt; 标签之前。&lt;!DOCTYPE&gt; 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中，&lt;!DOCTYPE&gt; 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。DOCTYPE 3种类型 HTML 4.01 Strict 该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1267282.html" target="_blank" title="web文档类型DOCTYPE html很重要">web文档类型DOCTYPE html很重要</a></h3><p>之前写html或者jsp页面，从来不注意DOCTYPE 的声明，也不太明白DOCTYPE 的作用。直到最近碰到了一个非常奇葩的bug：某一个页面在IE7和8，Chrome，ff等下正常，但是在IE9下显示有问题，我就开始找啊找，各种调试，终于在httpWatch里边找到了答案：DOCTYPE未声明。于是我给页面添加了&lt;!DOCTYPE html&gt;,果然奏效了。 下面我就尽可能简洁扼要的说一下DOCTYPE的作用和用法。 1作用：声明文档的解析类型(document.compatMode)，避免浏览器...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1249024.html" target="_blank" title="HTML教程：DOCTYPE 的缩写">HTML教程：DOCTYPE 的缩写</a></h3><p>写HTML代码的时候，第一行就要写DOCTYPE，而DOCTYPE一般都很长，大家也懒得去记，所以基本都是直接去复制以前写过的。不过今天了解到一种 DOCTYPE 的缩写，如果你的 DOCTYPE 是下面这样的话.写HTML代码的时候，第一行就要写DOCTYPE，而DOCTYPE一般都很长，大家也懒得去记，所以基本都是直接去复制以前写过的。不过今天了解到一种 DOCTYPE 的缩写，如果你的 DOCTYPE 是下面这样的话：&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01/...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1239431.html" target="_blank" title="HTML &lt;!DOCTYPE&gt; 标签">HTML &lt;!DOCTYPE&gt; 标签【代码】</a></h3><p>实例&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;文档的标题&lt;/title&gt; &lt;/head&gt;&lt;body&gt; 文档的内容...... &lt;/body&gt;&lt;/html&gt;定义和用法&lt;!DOCTYPE&gt; 声明必须是 HTML 文档的第一行，位于 &lt;html&gt; 标签之前。&lt;!DOCTYPE&gt; 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中，&lt;!DOCTYPE&gt; 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。HTML5 ...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1212262.html" target="_blank" title="HTML DOCTYPE的缩写">HTML DOCTYPE的缩写</a></h3><p>如果你的 DOCTYPE 是下面这样的话： 复制代码代码如下:&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt; 可以用下面的缩写来代替： 复制代码代码如下:&lt;!DOCTYPE HTML&gt; 简单，好记，这样以后就不需要去复制了。BTW，我想举一反三试一下 复制代码代码如下:&lt;!DOCTYPE XHTML&gt; ，结果失败，页面成了“混杂模式”，大家有什么其他的技巧欢迎提供。 原文：http://www.jb51.net/web/19127.htm...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1200370.html" target="_blank" title="基础复习之HTML （doctype、标签语义化、meta标签、块级元素与行内元素）">基础复习之HTML （doctype、标签语义化、meta标签、块级元素与行内元素）【代码】</a></h3><p>这段时间找实习看的眼花缭乱的，然后也被拒得落花流水，啊哈哈～还是写博客好玩儿～嘿嘿，下面正题一、doctype标准模式 (Full Standards Mode)接近标准模式 (Almost Standards Mode)混杂模式 (Quirks Mode)以上三种模式是浏览器在解析CSS时的三种工作模式，混杂模式是依据旧式的、非标准的CSS规则来渲染网页；标准模式则是遵循W3C标准去解析CSS的，接近标准模式与标准模式实际上差异并不大；关于Firefox中DTD与浏览器工作模式的详细...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1192037.html" target="_blank" title="&lt;!DOCTYPE html&gt;很重要 转载的~~">&lt;!DOCTYPE html&gt;很重要 转载的~~</a></h3><p>DOCTYPE的作用和用法1作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。?document.compatMode：BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。?? ? ? ?这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat,这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面，那么，在不同...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1181272.html" target="_blank" title="html doctype 作用介绍">html doctype 作用介绍</a></h3><p>文档模式主要有以下两个作用： 1、告诉浏览器使用什么样的html或xhtml规范来解析html文档 2、对浏览器的渲染模式产生影响；不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本的解析，所以Doctype是非常关键的，尤其是在 IE 系列浏览器中，由DOCTYPE 所决定的 HTML 页面的渲染模式至关重要。 两种渲染模式： BackCompat：标准兼容模式未开启（或叫怪异模式[Quirks mode]、混杂模式） CSS1Compat：标准兼容模式已开启（...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1091192.html" target="_blank" title="DOCTYPE导致MyEclipse无法正常格式化HTML的问题">DOCTYPE导致MyEclipse无法正常格式化HTML的问题</a></h3><p>今天遇到在JSP代码中Ctrl+F无法正常格式化HTML代码，经过排查是DOCTYPE的原因。之前写的是：&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;修改成：&lt;!DOCTYPE HTML&gt;就正常了。原文：https://www.cnblogs.com/chengyujia/p/8297583.html</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1077432.html" target="_blank" title="关于&lt;!DOCTYPE html&gt;的学习（转）">关于&lt;!DOCTYPE html&gt;的学习（转）【代码】</a></h3><p>DOCTYPE是对Document type的缩写，说明用XHTML或者HTML是什么版本的。必须出现在&lt;html&gt;标签的前面，不需要关闭标签。　　&lt;!DOCTYPE&gt;声明不是标签，它指示Web浏览器关于页面使用哪个HTML版本编写的，请始终向HTML文档添加&lt;!DOCTYPE&gt;声明，这样浏览器才能获知文档类型，最终如何显示你的Web文档。所以，要想制作符合W3C标准的页面，DOCTYPE声明是必不可少的关键组成部分。 缺少HTML Doctype造成的样式问题　　当使用XHTML标准开发的网...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/1048421.html" target="_blank" title="&lt;!DOCTYPE html&gt;">&lt;!DOCTYPE html&gt;</a></h3><p>原文链接：http://angrycoder.iteye.com/blog/1757539噩梦开始的源头：之前写html或者jsp页面，从来不注意doctype的声明，也不太明白doctype的作用。直到最近碰到了一个非常奇葩的bug：某一个页面在IE7和8，Chrome，ff等下正常，但是在IE9下显示有问题，我就开始找啊找，各种调试，各种log，终于在httpWatch里边找到了答案：DOCTYPE未声明。于是我给页面添加了&lt;!DOCTYPE html&gt;,果然奏效了。 下面我就尽可能简洁扼要的说一下DOCTYPE...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/385563.html" target="_blank" title="HTML的&amp;lt;!DOCTYPE&amp;gt;标签">HTML的&amp;lt;!DOCTYPE&amp;gt;标签【图】</a></h3><p>所有浏览器都支持 &lt;!DOCTYPE&gt; 声明。定义和用法&lt;!DOCTYPE&gt; 声明必须是 HTML 文档的第一行，位于 &lt;html&gt; 标签之前。(推荐学习：HTML入门教程)&lt;!DOCTYPE&gt; 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中，&lt;!DOCTYPE&gt; 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。HTML5 不基于 SGML，所以不需要引用 DTD。提示：请始终向...</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/385623.html" target="_blank" title="浅谈HTML的doctype和编码">浅谈HTML的doctype和编码</a></h3><p>DOCTYPE Doctype是为了告诉浏览器用哪种版本的html去解析指令，必须位于第一行,在某些版本中需要引入DTD，html5无需引入DTD 中文乱码 原因 浏览器解析代码的编码格式与源代码编码格式不一致。例如，但是文档保存为GBK，就会出现乱码 解决方案 用哪种格式去解析，就用哪种编码格式去保存代码。 以上这篇浅谈HTML的doctype和编码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。</p></div><div class="list-item"><h3><a href="https://qyyshop.com/info/386002.html" target="_blank" title="htmldoctype作用介绍">htmldoctype作用介绍</a></h3><p>文档模式主要有以下两个作用： 1、告诉浏览器使用什么样的html或xhtml规范来解析html文档 2、对浏览器的渲染模式产生影响；不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本的解析，所以Doctype是非常关键的，尤其是在 IE 系列浏览器中，由DOCTYPE 所决定的 HTML 页面的渲染模式至关重要。 两种渲染模式： BackCompat：标准兼容模式未开启（或叫怪异模式[Quirks mode]、混杂模式） CSS1Compat：标准兼容模式已开启（...</p></div> </div> </div> </div> <div class="article-extend col-sm-3 pdr0"> <div class="extend-tags ibox float-e-margins jctopten"><div class="ibox-title"><h5>版本 - 相关标签</h5></div><div class="ibox-content containerMidPadding"><div class="left-list"><a target="_blank" href="https://qyyshop.com/tags-39446/" title="版本不匹配">版本不匹配</a><a target="_blank" href="https://qyyshop.com/tags-70373/" title="版本管理">版本管理</a><a target="_blank" href="https://qyyshop.com/tags-52662/" title="版本管理工具">版本管理工具</a><a target="_blank" href="https://qyyshop.com/tags-67320/" title="版本控制">版本控制</a><a target="_blank" href="https://qyyshop.com/tags-47842/" title="版本控制软件">版本控制软件</a><a target="_blank" href="https://qyyshop.com/tags-103806/" title="版本库">版本库</a></div></div></div> <div class="extend-tags ibox float-e-margins jctopten"><div class="ibox-title"><h5>标签 - 相关标签</h5></div><div class="ibox-content containerMidPadding"><div class="left-list"><a target="_blank" href="https://qyyshop.com/tags-48541/" title="标签系统">标签系统</a></div></div></div> <div class="class-extend-typethird ibox float-e-margins"> <div class="ibox-title"><h5>HTML - 技术教程分类</h5></div> <div class="ibox-content father-left-list-type containerMidPadding"> <div class="left-list left-list-type"> <a target="_self" href="https://qyyshop.com/web-html-tutorial/" title="HTML 教程 技术教程文章"> HTML 教程 </a> <a target="_self" href="https://qyyshop.com/web-html-intro/" title="HTML 简介 技术教程文章"> HTML 简介 </a> <a target="_self" href="https://qyyshop.com/web-html-editors/" title="HTML 编辑器 技术教程文章"> HTML 编辑器 </a> <a target="_self" href="https://qyyshop.com/web-html-basic/" title="HTML 基础 技术教程文章"> HTML 基础 </a> <a target="_self" href="https://qyyshop.com/web-html-elements/" title="HTML 元素 技术教程文章"> HTML 元素 </a> <a target="_self" href="https://qyyshop.com/web-html-attributes/" title="HTML 属性 技术教程文章"> HTML 属性 </a> <a target="_self" href="https://qyyshop.com/web-html-headings/" title="HTML 标题 技术教程文章"> HTML 标题 </a> <a target="_self" href="https://qyyshop.com/web-html-paragraphs/" title="HTML 段落 技术教程文章"> HTML 段落 </a> <a target="_self" href="https://qyyshop.com/web-html-formatting/" title="HTML 文本格式化 技术教程文章"> HTML 文本格式化 </a> <a target="_self" href="https://qyyshop.com/web-html-links/" title="HTML 链接 技术教程文章"> HTML 链接 </a> <a target="_self" href="https://qyyshop.com/web-html-head/" title="HTML 头部 技术教程文章"> HTML 头部 </a> <a target="_self" href="https://qyyshop.com/web-html-css/" title="HTML CSS 技术教程文章"> HTML CSS </a> <a target="_self" href="https://qyyshop.com/web-html-images/" title="HTML 图像 技术教程文章"> HTML 图像 </a> <a target="_self" href="https://qyyshop.com/web-html-tables/" title="HTML 表格 技术教程文章"> HTML 表格 </a> <a target="_self" href="https://qyyshop.com/web-html-lists/" title="HTML 列表 技术教程文章"> HTML 列表 </a> <a target="_self" href="https://qyyshop.com/web-html-blocks/" title="HTML 区块 技术教程文章"> HTML 区块 </a> <a target="_self" href="https://qyyshop.com/web-html-layouts/" title="HTML 布局 技术教程文章"> HTML 布局 </a> <a target="_self" href="https://qyyshop.com/web-html-forms/" title="HTML 表单 技术教程文章"> HTML 表单 </a> <a target="_self" href="https://qyyshop.com/web-html-iframes/" title="HTML 框架 技术教程文章"> HTML 框架 </a> <a target="_self" href="https://qyyshop.com/web-html-colors/" title="HTML 颜色 技术教程文章"> HTML 颜色 </a> <a target="_self" href="https://qyyshop.com/web-html-colornames/" title="HTML 颜色名 技术教程文章"> HTML 颜色名 </a> <a target="_self" href="https://qyyshop.com/web-html-colorvalues/" title="HTML 颜色值 技术教程文章"> HTML 颜色值 </a> <a target="_self" href="https://qyyshop.com/web-html-scripts/" title="HTML 脚本 技术教程文章"> HTML 脚本 </a> <a target="_self" href="https://qyyshop.com/web-html-entities/" title="HTML 字符实体 技术教程文章"> HTML 字符实体 </a> <a target="_self" href="https://qyyshop.com/web-html-url/" title="HTML URL 技术教程文章"> HTML URL </a> <a target="_self" href="https://qyyshop.com/web-html-quicklist/" title="HTML 速查列表 技术教程文章"> HTML 速查列表 </a> <a target="_self" href="https://qyyshop.com/web-html-summary/" title="HTML 总结 技术教程文章"> HTML 总结 </a> <a target="_self" href="https://qyyshop.com/web-html-xhtml/" title="XHTML 简介 技术教程文章"> XHTML 简介 </a> <a target="_self" href="https://qyyshop.com/web-html-media/" title="HTML 媒体(Media) 技术教程文章"> HTML 媒体(Media) </a> <a target="_self" href="https://qyyshop.com/web-html-object/" title="HTML 插件 技术教程文章"> HTML 插件 </a> <a target="_self" href="https://qyyshop.com/web-html-examples/" title="HTML 实例 技术教程文章"> HTML 实例 </a> <a target="_self" href="https://qyyshop.com/web-html-refbyfunc/" title="HTML 标签列表（功能排序） 技术教程文章"> HTML 标签列表（功能排序） </a> <a target="_self" href="https://qyyshop.com/web-html-refstandardattributes/" title="HTML 属性 技术教程文章"> HTML 属性 </a> <a target="_self" href="https://qyyshop.com/web-html-refeventattributes/" title="HTML 事件 技术教程文章"> HTML 事件 </a> <a target="_self" href="https://qyyshop.com/web-html-refcanvas/" title="HTML 画布 技术教程文章"> HTML 画布 </a> <a target="_self" href="https://qyyshop.com/web-html-refavdom/" title="HTML 音频/视频 技术教程文章"> HTML 音频/视频 </a> <a target="_self" href="https://qyyshop.com/web-html-tagscolorname/" title="HTML 颜色名 技术教程文章"> HTML 颜色名 </a> <a target="_self" href="https://qyyshop.com/web-html-charsetscharsets/" title="HTML 字符集 技术教程文章"> HTML 字符集 </a> <a target="_self" href="https://qyyshop.com/web-html-tagsascii/" title="HTML ASCII 技术教程文章"> HTML ASCII </a> <a target="_self" href="https://qyyshop.com/web-html-refentities/" title="HTML ISO-8859-1 技术教程文章"> HTML ISO-8859-1 </a> <a target="_self" href="https://qyyshop.com/web-html-tagssymbols/" title="HTML 符号 技术教程文章"> HTML 符号 </a> <a target="_self" href="https://qyyshop.com/web-html-tagslanguagecodes/" title="HTML 语言代码 技术教程文章"> HTML 语言代码 </a> <a target="_self" href="https://qyyshop.com/web-html/"> html 全部 </a> </div> </div> </div> <div class="class-extend-topten ibox float-e-margins jctopten"> <div class="ibox-title"> <h5>HTML - 最新教程</h5> </div><div class="ibox-content containerMidPadding"><div class="left-list"><a target="_self" href="https://qyyshop.com/info/1293644.html" title="HTML &lt;!DOCTYPE&gt;标签 各版本对应的标签是否有无">HTML &lt;!DOCTYPE&gt;标签 各版本对应的标签...</a><a target="_self" href="https://qyyshop.com/info/1293595.html" title="形行色色下拉菜单（HTML/CSS JS方法 jQuery方法实现）">形行色色下拉菜单（HTML/CSS JS方法 jQ...</a><a target="_self" href="https://qyyshop.com/info/1293535.html" title="修改AspNetPager的CustomInfoHTML，添加自定义样式">修改AspNetPager的CustomInfoHTML，添加...</a><a target="_self" href="https://qyyshop.com/info/1293503.html" title="jQuery实现HTML表格单元格的合并功能(合并内容相同的行或列)">jQuery实现HTML表格单元格的合并功能(合...</a><a target="_self" href="https://qyyshop.com/info/1293495.html" title="js 客户端打印html 并且去掉页眉、页脚">js 客户端打印html 并且去掉页眉、页脚</a><a target="_self" href="https://qyyshop.com/info/1293287.html" title="JavaWeb20-HTML篇笔记">JavaWeb20-HTML篇笔记</a><a target="_self" href="https://qyyshop.com/info/1293210.html" title="计算机网络（2）-- URL、HTTP、HTTPS、HTML">计算机网络（2）-- URL、HTTP、HTTPS、...</a><a target="_self" href="https://qyyshop.com/info/1293151.html" title="03-HTML表单">03-HTML表单</a><a target="_self" href="https://qyyshop.com/info/1293044.html" title="nodejs express 设置html后缀模板">nodejs express 设置html后缀模板</a><a target="_self" href="https://qyyshop.com/info/1292769.html" title="HTML主体标签">HTML主体标签</a></div></div> </div> <div class="class-extend-toptenview ibox float-e-margins jctopten"> <div class="ibox-title"><h5>HTML - 最热教程</h5></div> <div class="ibox-content containerMidPadding"><div class="left-list"><a target="_self" href="https://qyyshop.com/info/391416.html" title="html5代码如何实现进度条功能？（示例）">html5代码如何实现进度条功能？（示例）</a><a target="_self" href="https://qyyshop.com/info/326989.html" title="javascript中html字符串转化为jquerydom对象的方法_javascript技巧">javascript中html字符串转化为jquerydo...</a><a target="_self" href="https://qyyshop.com/info/388889.html" title="HTML5实战与剖析之CSS选择器——getElementsByClassName()方法">HTML5实战与剖析之CSS选择器——getEle...</a><a target="_self" href="https://qyyshop.com/info/387558.html" title="html5中设置或返回音频/视频是否应该被静音的属性muted">html5中设置或返回音频/视频是否应该被...</a><a target="_self" href="https://qyyshop.com/info/391556.html" title="HTML5获取设备信息">HTML5获取设备信息</a><a target="_self" href="https://qyyshop.com/info/321432.html" title="jQuery打印指定区域Html页面并自动分页_jquery">jQuery打印指定区域Html页面并自动分页...</a><a target="_self" href="https://qyyshop.com/info/350590.html" title="jQuery+HTML5+CSS3制作支持响应式布局时间轴插件">jQuery+HTML5+CSS3制作支持响应式布局时...</a><a target="_self" href="https://qyyshop.com/info/344309.html" title="JS+HTML5实现上传图片预览效果完整实例【测试可用】">JS+HTML5实现上传图片预览效果完整实例...</a><a target="_self" href="https://qyyshop.com/info/206595.html" title="php删除html标签和标签内的内容的方法总结">php删除html标签和标签内的内容的方法总...</a><a target="_self" href="https://qyyshop.com/info/210128.html" title="XMLHttpRequest中responseText如何获取指定&amp;lt;div&amp;gt;的内容，而不是整个HTML的内容">XMLHttpRequest中responseText如何获取...</a></div></div> </div> </div> </div> <textarea id="forcopy" style="position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;"></textarea> <div class="footer"><div class="pull-right">By：<a href="https://qyyshop.com/default.html" target="_blank">互联网集市</a></div><div><a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow"> 闽ICP备17012310号-6</a><strong>Copyright</strong> 互联网集市 &copy; 2021</div></div> </div> </div> <script src="/app_themes/core.js"></script> <link href="/app_themes/skin_manage/hplus/css/plugins/toastr/toastr.min.css" rel="stylesheet" /> <script type="text/javascript" src="https://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script> <script> // 事件初始化 $(function () { detailview('jiaocheng', '1293644', $.cookie('_qwejklaa')); $("#subfav").click(function () { detailfav(); }); }); function detailfav() { detailfavsource('jiaocheng','1293644',$.cookie('_qwejklaa')); } var countnoticecopy = 0; jQuery('.qrcode').qrcode({ render: "canvas" , width: 94 , height: 94 , correctLevel: 0 , foreground: "#1ab394" // 前景色 , background: "#FFF" // 底色 , text: "https://qyyshop.com/info/1293644.html" }); $("pre").click( function (e) { //console.log(e); //console.log(e.currentTarget.innerText); // 复制代码 copyText_NoMessage(e.currentTarget.innerText); toastr.success('复制成功代码段，包含代码字符数量' + e.currentTarget.innerText.length+"。", '代码复制提醒'); } ); $("pre").hover( function (e) { if (countnoticecopy === 0) { console.log(countnoticecopy); countnoticecopy = 1; toastr.success('鼠标单击即可复制代码段。','代码复制提醒'); } } ); </script> </body> </html><span style='display:none' class='static'>2024-05-21 04:28:02<span>