当前位置:Gxlcms > html代码 > html中DTD使用小结_html/css_WEB-ITnose

html中DTD使用小结_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:20人阅读

DTD 是一套关于标记符的语法规则。它是XML1.0版规格得一部分,是html文件的验证机制,属于html文件组成的一部分。

DTD:三种文档类型:S(Strict)、T(Transitional)、F(Frameset)。
Strict:如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用
Transitional:DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 HTML 的呈现特性时使用
Frameset: DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional DTD

html5基本上没有XHTML 1.0 Transitional严格的要求,并且简化了很多东西可以直接使用

HTML5

??????????????????????????????
xhtml 1.1:

xhtml 1.1 plus mathml plus svg:

??????????????????????????????
html 4.01 strict:

html 4.01 transitional:

html 4.01 frameset:

??????????????????????????????
xhtml 1.0 strict:

xhtml 1.0 transitional:

xhtml 1.0 frameset:

??????????????????????????????
html 3.2:

??????????????????????????????
html 2(数字2代表版本号):


附上一张老版本标签对照DTD文档:

标签

描述

DTD

定义文档类型。

STF

定义 HTML 文档。

STF

定义文档的主体。

STF

to

定义 HTML 标题。

STF

定义段落。

STF


定义简单的折行。

STF


定义水平线。

STF

定义注释。

STF

标签

描述

DTD

定义粗体文本。

STF

不赞成使用。定义文本的字体、尺寸和颜色

TF

定义斜体文本。

STF

定义强调文本。

STF

定义大号文本。

STF

定义语气更为强烈的强调文本。

STF

定义小号文本。

STF

定义上标文本。

STF

定义下标文本。

STF

定义文本的方向。

STF

不赞成使用。定义下划线文本。

TF

标签

描述

DTD

定义预格式文本

STF

定义计算机代码文本。

STF

定义打字机文本。

STF

定义键盘文本。

STF

定义文本的变量部分。

STF

定义定义项目。

STF

定义计算机代码样本。

STF

</p> </td> <td> <p>不赞成使用。定义预格式文本。</p> </td> <td> </td> </tr> </table> <p> </p> <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p>定义只取首字母的缩写。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p></p> </td> <td> <p>定义缩写。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p></p> </td> <td> <p>定义文档作者或拥有者的联系信息。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><blockquote></p> </td> <td> <p>定义块引用。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><center></p> </td> <td> <p>不赞成使用。定义居中文本。</p> </td> <td> <p>TF</p> </td> </tr> <tr> <td> <p><q></p> </td> <td> <p>定义短的引用。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><cite></p> </td> <td> <p>定义引用(citation)。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><ins></p> </td> <td> <p>定义被插入文本。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><del></p> </td> <td> <p>定义被删除文本。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><s></p> </td> <td> <p>不赞成使用。定义加删除线的文本。</p> </td> <td> <p>TF</p> </td> </tr> <tr> <td> <p><strike></p> </td> <td> <p>不赞成使用。定义加删除线的文本。</p> </td> <td> <p>TF</p> </td> </tr> </table> <p> </p> <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p>定义锚。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p></p> </td> <td> <p>定义文档与外部资源的关系。</p> </td> <td> <p>STF</p> </td> </tr> </table> <p> </p> <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><frame></p> </td> <td> <p>定义框架集的窗口或框架。</p> </td> <td> <p>F</p> </td> </tr> <tr> <td> <p><frameset></p> </td> <td> <p>定义框架集。</p> </td> <td> <p>F</p> </td> </tr> <tr> <td> <p><noframes></p> </td> <td> <p>定义针对不支持框架的用户的替代内容。</p> </td> <td> <p>TF</p> </td> </tr> <tr> <td> <p><iframe></p> </td> <td> <p>定义内联框架。</p> </td> <td> <p>TF</p> </td> </tr> </table> <p> </p> <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><form></p> </td> <td> <p>定义供用户输入的 HTML 表单。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><input></p> </td> <td> <p>定义输入控件。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><textarea></p> </td> <td> <p>定义多行的文本输入控件。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><button></p> </td> <td> <p>定义按钮。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><select></p> </td> <td> <p>定义选择列表(下拉列表)。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><optgroup></p> </td> <td> <p>定义选择列表中相关选项的组合。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><option></p> </td> <td> <p>定义选择列表中的选项。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><label></p> </td> <td> <p>定义 input 元素的标注。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><fieldset></p> </td> <td> <p>定义围绕表单中元素的边框。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><legend></p> </td> <td> <p>定义 fieldset 元素的标题。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><isindex></p> </td> <td> <p>不赞成使用。定义与文档相关的可搜索索引。</p> </td> <td> <p>TF</p> </td> </tr> </table> <p> </p> <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><ul></p> </td> <td> <p>定义无序列表。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><ol></p> </td> <td> <p>定义有序列表。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><li></p> </td> <td> <p>定义列表的项目。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><dir></p> </td> <td> <p>不赞成使用。定义目录列表。</p> </td> <td> <p>TF</p> </td> </tr> <tr> <td> <p><dl></p> </td> <td> <p>定义定义列表。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><dt></p> </td> <td> <p>定义定义列表中的项目。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><dd></p> </td> <td> <p>定义定义列表中项目的描述。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><menu></p> </td> <td> <p>不赞成使用。定义菜单列表。</p> </td> <td> <p>TF</p> </td> </tr> </table> <p> </p> <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><img></p> </td> <td> <p>定义图像。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><map></p> </td> <td> <p>定义图像映射。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p></p> </td> <td> <p>定义图像地图内部的区域。</p> </td> <td> <p>STF</p> </td> </tr> </table> <p> </p> <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><table></p> </td> <td> <p>定义表格</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><caption></p> </td> <td> <p>定义表格标题。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><th></p> </td> <td> <p>定义表格中的表头单元格。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><tr></p> </td> <td> <p>定义表格中的行。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><td></p> </td> <td> <p>定义表格中的单元。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><thead></p> </td> <td> <p>定义表格中的表头内容。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><tbody></p> </td> <td> <p>定义表格中的主体内容。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><tfoot></p> </td> <td> <p>定义表格中的表注内容(脚注)。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><col></p> </td> <td> <p>定义表格中一个或多个列的属性值。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><colgroup></p> </td> <td> <p>定义表格中供格式化的列组。</p> </td> <td> <p>STF</p> </td> </tr> </table> <p> </p> <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><style></p> </td> <td> <p>定义文档的样式信息。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><div></p> </td> <td> <p>定义文档中的节。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><span></p> </td> <td> <p>定义文档中的节。</p> </td> <td> <p>STF</p> </td> </tr> </table> <p> </p> <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><head></p> </td> <td> <p>定义关于文档的信息。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><title></p> </td> <td> <p>定义文档的标题。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><meta></p> </td> <td> <p>定义关于 HTML 文档的元信息。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><base></p> </td> <td> <p>定义页面中所有链接的默认地址或默认目标。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><basefont></p> </td> <td> <p>不赞成使用。定义页面中文本的默认字体、颜色或尺寸。</p> </td> <td> <p>TF</p> </td> </tr> </table> <p> </p> <table> <tr> <td> <p><strong>标签</strong></p> </td> <td> <p><strong>描述</strong></p> </td> <td> <p><strong>DTD</strong></p> </td> </tr> <tr> <td> <p><script></p> </td> <td> <p>定义客户端脚本。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><noscript></p> </td> <td> <p>定义针对不支持客户端脚本的用户的替代内容。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p></p> </td> <td> <p>不赞成使用。定义嵌入的 applet。</p> </td> <td> <p>TF</p> </td> </tr> <tr> <td> <p><object></p> </td> <td> <p>定义嵌入的对象。</p> </td> <td> <p>STF</p> </td> </tr> <tr> <td> <p><param></p> </td> <td> <p>定义对象的参数。</p> </td> <td> <p>STF</p> </td> </tr> </table> </div> <div class=""> <ul class="m-news-opt fix"> <li class="opt-item"> <a href='/htmldaima-269810.html' target='_blank'><p>< 上一篇</p><p class="ellipsis">css水平居中那点事_html/css_WEB-ITnose</p></a> </li> <li class="opt-item ta-r"> <a href='/htmldaima-269812.html' target='_blank'><p>下一篇 ></p><p class="ellipsis">常见CSS_html/css_WEB-ITnose</p></a> </li> </ul> </div> </div> </div> <div class="g-title fix"> <h2 class="title-txt">人气教程排行</h2> </div> <div class="m-rank u-dashed mb40"> <ul> <li class="rank-item"> <a href="/htmldaima-274978.html" title='如何生成一个调查问卷_html/css_WEB-ITnose' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">230次</span> <span class="g-sort-num top">1</span> 如何生成一个调查问卷_html/css_WEB-ITnose </a> </li> <li class="rank-item"> <a href="/htmldaima-274080.html" title='在页面直接显示日历_html/css_WEB-ITnose' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">230次</span> <span class="g-sort-num second">2</span> 在页面直接显示日历_html/css_WEB-ITnose </a> </li> <li class="rank-item"> <a href="/htmldaima-262106.html" title='如何点击a标签实现弹出inputfile上传文件对话框_HTML/Xhtml_网页制作' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">230次</span> <span class="g-sort-num third">3</span> 如何点击a标签实现弹出inputfile上传文件对话框_HTML/Xhtml_网页制作 </a> </li> <li class="rank-item"> <a href="/htmldaima-278863.html" title='关于列表标记的详细介绍' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">229次</span> <span class="g-sort-num ">4</span> 关于列表标记的详细介绍 </a> </li> <li class="rank-item"> <a href="/htmldaima-277331.html" title='cssborder-bottom(指定下边线的样式、宽度及颜色)' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">229次</span> <span class="g-sort-num ">5</span> cssborder-bottom(指定下边线的样式、宽度及颜色) </a> </li> <li class="rank-item"> <a href="/htmldaima-270548.html" title='html新闻详情页_html/css_WEB-ITnose' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">229次</span> <span class="g-sort-num ">6</span> html新闻详情页_html/css_WEB-ITnose </a> </li> <li class="rank-item"> <a href="/htmldaima-268070.html" title='为何页面内容和网页边缘有空隙_html/css_WEB-ITnose' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">229次</span> <span class="g-sort-num ">7</span> 为何页面内容和网页边缘有空隙_html/css_WEB-ITnose </a> </li> <li class="rank-item"> <a href="/htmldaima-269054.html" title='position:fixed定位时“高度坍塌”问题的解决_html/css_WEB-ITnose' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">228次</span> <span class="g-sort-num ">8</span> position:fixed定位时“高度坍塌”问题的解决_html/css_WEB-ITnose </a> </li> <li class="rank-item"> <a href="/htmldaima-280863.html" title='htmlp标签怎么换行?htmlp标签添加br换行标签的应用' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">227次</span> <span class="g-sort-num ">9</span> htmlp标签怎么换行?htmlp标签添加br换行标签的应用 </a> </li> <li class="rank-item"> <a href="/htmldaima-281519.html" title='HTML的&lt;!DOCTYPE&gt;标签' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">226次</span> <span class="g-sort-num ">10</span> HTML的&lt;!DOCTYPE&gt;标签 </a> </li> <li class="rank-item"> <a href="/htmldaima-280725.html" title='html页面中友情链接怎么进行添加设置?(代码示例)' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">226次</span> <span class="g-sort-num ">11</span> html页面中友情链接怎么进行添加设置?(代码示例) </a> </li> <li class="rank-item"> <a href="/htmldaima-278651.html" title='form表单中属性及功能应用介绍汇总' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">226次</span> <span class="g-sort-num ">12</span> form表单中属性及功能应用介绍汇总 </a> </li> <li class="rank-item"> <a href="/htmldaima-278586.html" title='详解form标签中的method属性' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">226次</span> <span class="g-sort-num ">13</span> 详解form标签中的method属性 </a> </li> <li class="rank-item"> <a href="/htmldaima-277758.html" title='HTML5Canvas逼真烟雾效果js插件' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">226次</span> <span class="g-sort-num ">14</span> HTML5Canvas逼真烟雾效果js插件 </a> </li> <li class="rank-item"> <a href="/htmldaima-275669.html" title='页面跳转特效_html/css_WEB-ITnose' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">226次</span> <span class="g-sort-num ">15</span> 页面跳转特效_html/css_WEB-ITnose </a> </li> <li class="rank-item"> <a href="/htmldaima-271209.html" title='改变鼠标选中区域的样式。_html/css_WEB-ITnose' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">226次</span> <span class="g-sort-num ">16</span> 改变鼠标选中区域的样式。_html/css_WEB-ITnose </a> </li> <li class="rank-item"> <a href="/htmldaima-273428.html" title='关于$("body").append()一段html代码,在页面写能触发事件,写在js文件里写就没有_html/css_WEB-ITnose' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">225次</span> <span class="g-sort-num ">17</span> 关于$("body").append()一段html代码,在页面写能触发事件,写在js文件里写就没有_html/css_WEB-ITnose </a> </li> <li class="rank-item"> <a href="/htmldaima-271182.html" title='CSS3悬浮动画效果_html/css_WEB-ITnose' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">225次</span> <span class="g-sort-num ">18</span> CSS3悬浮动画效果_html/css_WEB-ITnose </a> </li> <li class="rank-item"> <a href="/htmldaima-271093.html" title='纯C语言实现的CSS解析器:katana_html/css_WEB-ITnose' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">225次</span> <span class="g-sort-num ">19</span> 纯C语言实现的CSS解析器:katana_html/css_WEB-ITnose </a> </li> <li class="rank-item"> <a href="/htmldaima-267953.html" title='body在默认情况下是具有margin外边距的_html/css_WEB-ITnose' class="item-name ellipsis" target="_blank"> <span class="g-art-count fr">225次</span> <span class="g-sort-num ">20</span> body在默认情况下是具有margin外边距的_html/css_WEB-ITnose </a> </li> </ul> </div> </div> </div> <!-- / 教程内容页 --> </div> </div> <!-- 页尾 --> <div class="footer"> 本站所有资源全部来源于网络,若本站发布的内容侵害到您的隐私或者利益,请联系我们删除!</div> <!-- / 页尾 --> <script type="text/javascript" src="/kan/js/read.js"></script> <div style="display:none"> <div class="login-box" id="login-dialog"> <div class="login-top"><a class="current" rel="nofollow" id="login1" onclick="setTab('login',1,2);" >登录</a></div> <div class="login-form" id="nav-signin"> <!-- <div class="login-ico"><a rel="nofollow" class="qq" id="qqlogin" target="_blank" href="/user-center-qqlogin.html"> QQ </a></div> --> <div class="login-box-form" id="con_login_1"> <form id="loginform" action="/user-center-login.html" method="post" onsubmit="return false;"> <p class="int-text"> <input class="email" id="username" name="username" type="text" value="用户名或Email" onfocus="if(this.value=='用户名或Email'){this.value='';}" onblur="if(this.value==''){this.value='用户名或Email';};" ></p> <p class="int-text"> <input class="password1" type="password" id="password" name="password" value="******" onBlur="if(this.value=='') this.value='******';" onFocus="if(this.value=='******') this.value='';" > </p> <p class="int-info"> <label class="ui-label">&nbsp;</label> <label for="agreement" class="ui-label-checkbox"> <input type="checkbox" value="" name="cookietime" id="cookietime" checked="checked" value="2592000"> <input type="hidden" name="notforward" id="notforward" value="1"> <input type="hidden" name="dosubmit" id="dosubmit" value="1">记住我的登录 </label> <a rel="nofollow" class="aright" href="/user-center-forgetpwd.html" target="_blank"> 忘记密码? </a></p> <p class="int-btn"><a rel="nofollow" id="loginbt" class="loginbtn"><span>登录</span></a></p> </form> </div> <form id="regform" action="/user-center-reg.html" method="post"> <div class="login-reg" style="display: none;" id="con_login_2"> <input type="hidden" name="t" id="t"/> <p class="int-text"> <input id="email" name="email" type="text" value="Email" onfocus="if(this.value=='Email'){this.value='';}" onblur="if(this.value==''){this.value='Email';};"></p> <p class="int-text"> <input id="uname" name="username" type="text" value="用户名或昵称" onfocus="if(this.value=='用户名或昵称'){this.value='';}" onblur="if(this.value==''){this.value='用户名或昵称';};"></p> <p class="int-text"> <input type="password" id="pwd" name="password" value="******" onBlur="if(this.value=='') this.value='******';" onFocus="if(this.value=='******') this.value='';"> </p> <p class="int-text1"><span class="inputbox"> <input id="validate" name="validate" type="text" value="验证码" onfocus="if(this.value=='验证码'){this.value='';}" onblur="if(this.value==''){this.value='验证码';};"> </span><span class="yzm-img"><img src="/user-checkcode-index" alt="看不清楚换一张" id="indexlogin"></p> <p class="int-info"> <label> <input value="" name="agreement" id="agreement" CHECKED="checked" type="checkbox"> 我已阅读<a rel="nofollow" href="/user-center-agreement.html">用户协议</a>及<a rel="nofollow" href="/user-center-agreement.html">版权声明</a></label> </p> <p class="int-btn"><input type="hidden" name="dosubmit"/> <a rel="nofollow" class="loginbtn" id="register"><span>注册</span></a></p> </div> </form> </div> </div> </div> </div> <script type="text/javascript" src="/kan/js/foot_js.js"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6dc1c3c5281cf70f49bc0bc860ec24f2"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript" src="/layui/layui.js"></script> <script> layui.use('code', function() { layui.code({ elem: 'pre', //默认值为.layui-code about: false, skin: 'notepad', title: 'php怎么实现数据库验证跳转代码块', encode: true //是否转义html标签。默认不开启 }); }); </script> </body> </html>