ホームページ  >  記事  >  ウェブフロントエンド  >  html_html/css_WEB-ITnose での DTD の使用法の概要

html_html/css_WEB-ITnose での DTD の使用法の概要

WBOY
WBOYオリジナル
2016-06-24 11:38:401102ブラウズ

DTD は、タグの文法規則のセットです。これは XML1.0 バージョン仕様の一部であり、HTML ファイルの検証メカニズムであり、HTML ファイルの構成の一部です。

DTD: 3 つのドキュメント タイプ: S (厳密)、T (移行)、F (フレームセット)。
厳密: プレゼンテーション層を乱雑にせずにクリーンなマークアップが必要な場合は、このタイプを使用します。カスケード スタイル シート (CSS) と一緒に使用してください
暫定: DTD には、W3C がスタイル シートに移動することを想定しているレンダリング属性と要素を含めることができます。読者がカスケード スタイル シート (CSS) をサポートしていないブラウザを使用していて、HTML のレンダリング機能を使用する必要がある場合は、
Frameset を使用します。フレームのあるドキュメントには DTD を使用する必要があります。 Frameset 要素が body 要素を置き換えることを除けば、Frameset DTD は Transitional DTD と同等です

html5 は基本的に XHTML 1.0 Transitional の厳格な要件を持たず、多くのことが簡略化され、直接使用できます

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

xhtml 1.1 プラス mathml プラス svg:

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

html 4.01 暫定版:
gt;
html 4.01 フレームセット:

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

xhtml 1.0 移行版:

xhtml 1.0 フレームセット:

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

?????????????????????????????????
html 2 (数字 2 はバージョン番号を表します):


古いバージョンのタグ比較 DTD ドキュメントが添付されています:

ドキュメントタイプを定義します。 STF HTML ドキュメントを定義します。 STFドキュメントの本文を定義します。 STF

から

HTML タイトルを定義します。 STF

段落を定義します。 STF
簡単な改行を定義します。 STF
水平線を定義します。 STFアノテーションを定義します。 STF

タグ

説明

DTD

タグ

説明

DTD

太字のテキストを定義します。

STF

は非推奨です。テキストのフォント、サイズ、色を定義します

TF

斜体のテキストを定義します。

STF

強調テキストを定義します。

STF

大きなテキストを定義します。

STF

より強いトーンで強調テキストを定義します。

STF

小さいテキストを定義します。

STF

上付き文字を定義します。

STF

下付き文字を定義します。

STF

テキストの方向を定義します。

STF

は非推奨です。下線付きのテキストを定義します。 🎝

DTD

フォーマット済みテキストを定義する STF タイプライター テキストを定義します。 STF キーボードのテキストを定義します。 STFテキストの可変部分を定義します。 STF定義定義項目。 STF定義コンピューター コード サンプル。 STF<td> <p> </p> </td>は非推奨です。フォーマット済みテキストを定義します。 <td> <p> </p> </td> </tr> <tr> <td> <p> </p> </td> <td> <p></p> タグ</td> <td> <p> </p> </td> </tr>説明<tr> <td> <p> </p> </td> <td>DTD <p></p> </td> <td> </td> </tr> </table><頭字語><p> </p> <table> <tr>最初の文字だけを使用して略語を定義する手紙 。 <td> <p> <strong> </strong>STF</p> </td> <td> <p> <strong> </strong><略語></p> </td> <td> <p>定義の略語。 <strong> </strong> </p> </td>STF</tr> <tr> <td> <p> </p> </td><アドレス><td> <p> </p> </td>ドキュメントの作成者または所有者の連絡先情報を定義します。 <td> <p> </p> </td>STF</tr> <tr> <td> <p> </p> </td><blockquote><td> <p> </p> </td>ブロック引用符を定義します。 <td> <p> </p> </td>STF</tr> <tr> <td> <p> </p> </td><center><td> <p> </p> </td>は非推奨です。中央揃えのテキストを定義します。 <td> <p> </p> </td>TF</tr> <tr> <td> <p> </p> </td><q><td> <p> </p> </td>短い引用符を定義します。 <td> <p> </p> </td>STF</tr> <tr> <td> <p> </p> </td><cite><td> <p> </p> </td>引用を定義します。定義はテキストに挿入されます。 <td> <p> </p> </td>STF</tr> <tr> <td> <p> </p> </td><del><td> <p> </p> </td>削除されたテキストの定義。 <td> <p> </p> </td>STF</tr> <tr> <td> <p> </p> </td><s><td> <p> </p> </td>は非推奨です。取り消し線テキストを定義します。 <td> <p> </p> </td>TF</tr> <tr> <td> <p> </p> </td><ストライク><td> <p> </p> </td>は非推奨です。取り消し線テキストを定義します。 <td> <p> </p> </td>TF</tr> <tr> <td> <p></p> <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><a><p> </p> </td> <td>アンカーを定義します。 <p> </p> </td> <td>STF<p> </p> </td> </tr> <tr> <td><link><p> </p> </td> <td>ドキュメントと外部リソースの間の関係を定義します。 <p> </p> </td> <td>STF<p> </p> </td> </tr> </table> <p> </p> <table> <tr> <td> <p> タグ <strong></strong> </p> </td> <td> <p>説明<strong></strong> </p> </td> <td>DTD<p><strong> </strong> </p> </td> </tr> <tr><frame><td> <p> </p> </td>フレームセットウィンドウを定義するまたはフレーム。 <td> <p> </p> </td>F<td> <p> </p> </td> </tr> <tr><フレームセット><td> <p> </p> </td>フレームセットを定義します。 <td> <p> </p> </td>F<td> <p> </p> </td> </tr> <tr><noframes><td> <p> </p> </td>フレームをサポートしないユーザー向けに代替コンテンツを定義します。 <td> <p> </p> </td>TF<td> <p> </p> </td> </tr> <tr><iframe><td> <p> </p> </td>インラインフレームを定義します。 ... <td><p>DTD</p></td> <td> <p> </p> </td> </tr><form></table> <p> </p> <table>ユーザー入力 HTML フォーム用に定義されています。 <tr> <td> <p> <strong>STF</strong> </p> </td> <td> <p> <strong><input></strong> </p> </td> <td>入力コントロールを定義します。 <p> <strong> </strong> </p>STF</td> </tr> <tr> <td> <p> </p><textarea></td> <td> <p> </p> 複数行のテキスト入力コントロールを定義します。 </td> <td> <p> </p>STF</td> </tr> <tr> <td> <p> </p><ボタン></td> <td> <p> </p>ボタンを定義します。 </td> <td> <p> </p>STF</td> </tr> <tr> <td> <p> </p><select></td> <td> <p> </p>選択リスト (ドロップダウン リスト) を定義します。 </td> <td> <p> </p>STF</td> </tr> <tr> <td> <p> </p><optgroup></td> <td> <p> </p>選択リスト内の関連オプションの組み合わせを定義します。 </td> <td> <p> </p>STF</td> </tr> <tr> <td> <p> </p><option></td> <td> <p> </p> 選択リストのオプションを定義します。 </td> <td> <p> </p>STF</td> </tr> <tr> <td> <p> </p><label></td> <td> <p> </p>入力要素のラベルを定義します。 </td> <td> <p> </p>STF</td> </tr> <tr> <td> <p> </p><fieldset></td> <td> <p> </p>フォーム内の要素の周囲の境界線を定義します。 </td> <td> <p> </p>STF</td> </tr> <tr> <td> <p> </p><凡例></td> <td> <p> </p>fieldset 要素のタイトルを定義します。 </td> <td> <p> </p>STF</td> </tr> <tr> <td> <p> </p><isindex></td> <td> <p> </p>は非推奨です。ドキュメントに関連付けられた検索可能なインデックスを定義します。 ... </td> <td>DTD<p></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> </table> <p> </p><li><table> <tr> <td> <p> リストの項目を定義します。 <strong> </strong> </p> </td>STF<td> <p> <strong> </strong> </p> </td><dir><td> <p> <strong> </strong>非推奨。ディレクトリリストを定義します。 </p> </td> </tr> <tr>TF<td> <p> </p> </td> <td> <p><dl></p> </td> <td> <p>define 定義リスト。 </p> </td> </tr> <tr>STF<td> <p> </p> </td> <td> <p><dt></p> </td> <td> <p>定義リストの項目を定義します。 </p> </td> </tr> <tr>STF<td> <p> </p> </td> <td> <p><dd></p> </td> <td> <p>Definition は、リスト内の項目の説明を定義します。 </p> </td> </tr> <tr>STF<td> <p> </p> </td> <td> <p><メニュー></p> </td> <td> <p>は非推奨です。メニューリストを定義します。 ... </p> </td>DTD</tr> <tr> <td> <p> </p> </td> <td><img><p> </p> </td> <td>画像を定義します。 <p> </p> </td> </tr>STF<tr> <td> <p> </p> </td> <td><マップ><p> </p> </td> <td>イメージマップを定義します。 <p> </p> </td> </tr>STF<tr> <td> <p> </p> </td> <td><エリア><p> </p> </td> <td> イメージマップ内のエリアを定義します。 <p> </p> </td> </tr>STF<tr> <td> <p> </p> <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>STF<p> </p> </td> </tr> <tr> <td> <caption><p> </p> </td> <td>テーブルのタイトルを定義します。 <p> </p> </td> <td>STF<p> </p> </td> </tr> <tr> <td><th><p> </p> </td> <td>テーブルのヘッダーセルを定義します。 <p> </p> </td> <td>STF<p> </p> </td> </tr> <tr> <td><tr><p> </p> </td> <td> テーブル内の行を定義します。 <p> </p> </td> <td>STF<p> </p> </td> </tr> <tr> <td><td><p> </p> </td> <td>テーブル内のセルを定義します。 <p> </p> </td> <td>STF<p> </p> </td> </tr> <tr> <td><thead><p> </p> </td> <td>テーブルのヘッダーコンテンツを定義します。 <p> </p> </td> <td>STF<p> </p> </td> </tr> <tr> <td><tbody><p> </p> </td> <td>テーブル内の本文コンテンツを定義します。 <p> </p> </td> <td>STF<p> </p> </td> </tr> <tr> <td><tfoot><p> </p> </td> <td> 表内の表注の内容 (脚注) を定義します。 <p> </p> </td> <td>STF<p> </p> </td> </tr> <tr> <td><col><p> </p> </td> <td>テーブル内の 1 つ以上の列の属性値を定義します。 <p> </p> </td> <td>STF<p> </p> </td> </tr> <tr> <td><colgroup><p> </p> </td> <td>書式設定するテーブル内の列グループを定義します。 <p> </p> </td> <td>STF<p> </p> </td> </tr> </table> <p> </p> <table> <tr> <td> <p> タグ <strong></strong> </p> </td> <td> <p>説明<strong></strong> </p> </td> <td> <p>DTD<strong></strong> </p> </td> </tr> <tr> <td><style><p> </p> </td> <td>のスタイルを定義します文書情報。 <p> </p> </td> <td>STF<p> </p> </td> </tr> <tr> <td><div><p> </p> </td> <td>ドキュメント内のセクションを定義します。 <p> </p> </td> <td>STF<p> </p> </td> </tr> <tr> <td><span><p> </p> </td> <td>ドキュメント内のセクションを定義します。 <p> </p> </td> <td>STF<p> </p> </td> </tr> </table> <p> </p> <table> <tr> <td> <p> タグ <strong></strong> </p> </td> <td> <p>説明<strong></strong> </p> </td> <td> <p>DTD<strong></strong> </p> </td> </tr> <tr> <td><head><p> </p> </td> <td>ドキュメントの定義情報。 <p> </p> </td> <td>STF<p> </p> </td> </tr> <tr> <td><title><p> </p> </td> <td>ドキュメントのタイトルを定義します。 <p> </p> </td> <td>STF<p> </p> </td> </tr> <tr> <td><meta><p> </p> </td> <td> HTML ドキュメントに関するメタ情報を定義します。 <p> </p> </td> <td>STF<p> </p> </td> </tr> <tr> <td><base><p> </p> </td> <td> ページ内のすべてのリンクのデフォルトのアドレスまたはデフォルトのターゲットを定義します。 <p> </p> </td> <td>STF<p> </p> </td> </tr> <tr> <td><basefont><p> </p> </td> <td>は非推奨です。ページ上のテキストのデフォルトのフォント、色、またはサイズを定義します。 🎝 <p></p>DTD</td> <td> <p> </p> </td> </tr> </table><script><p> </p> <table> <tr>クライアントスクリプトを定義します。 <td> <p> <strong> </strong>STF</p> </td> <td> <p> <strong> </strong><noscript></p> </td> <td> <p>クライアント側のスクリプトをサポートしないユーザー向けに代替コンテンツを定義します。 <strong> </strong> </p> </td>STF</tr> <tr> <td> <p> </p> </td><アプレット><td> <p> </p> </td>非推奨。埋め込みアプレットを定義します。 <td> <p> </p> </td>TF</tr> <tr> <td> <p> </p> </td><object><td> <p> </p> </td>埋め込みオブジェクトを定義します。 <td> <p> </p> </td>STF</tr> <tr> <td> <p> </p> </td><param><td> <p> </p> </td> オブジェクトのパラメータを定義します。 <td><p></p></td>STF</tr> <tr> <td><p></p></td> <td><p></p></td> <td><p></p></td> </tr> <tr> <td><p></p></td> <td> <p></p> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </tr> </table></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>声明:</span><div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div></div></div><div class="nphpSytBox"><span>前の記事:<a class="dBlack" title="CSSレイアウト 文字レイアウト_html/css_WEB-ITnose" href="http://m.php.cn/ja/faq/272620.html">CSSレイアウト 文字レイアウト_html/css_WEB-ITnose</a></span><span>次の記事:<a class="dBlack" title="CSSレイアウト 文字レイアウト_html/css_WEB-ITnose" href="http://m.php.cn/ja/faq/272623.html">CSSレイアウト 文字レイアウト_html/css_WEB-ITnose</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>関連記事</h2><em><a href="http://m.php.cn/ja/article.html" class="bBlack"><i>続きを見る</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ja/faq/348757.html" title="HTMLの知識のまとめ" class="aBlack">HTMLの知識のまとめ</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/348804.html" title="HTMLを早く学ぶ方法" class="aBlack">HTMLを早く学ぶ方法</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/348873.html" title="html xhtml xml の違い" class="aBlack">html xhtml xml の違い</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/348884.html" title="src 属性と href 属性の違い" class="aBlack">src 属性と href 属性の違い</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/348902.html" title="HTML5とCSSの置き換え利用について" class="aBlack">HTML5とCSSの置き換え利用について</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/ja/"><b class="icon1"></b><p>ホームページ</p></a></li><li><a href="http://m.php.cn/ja/course.html"><b class="icon2"></b><p>コース</p></a></li><li><a href="http://m.php.cn/ja/wenda.html"><b class="icon4"></b><p>に質問</p></a></li><li><a href="http://m.php.cn/ja/login"><b class="icon5"></b><p>私の</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/ja/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/ja/"><b class="icon1"></b><span>ホームページ</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/course.html"><b class="icon2"></b><span>コース</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/article.html"><b class="icon3"></b><span>記事</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/wenda.html"><b class="icon4"></b><span>に質問</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/dic.html"><b class="icon6"></b><span>辞書</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/course/type/99.html"><b class="icon7"></b><span>マニュアル</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/xiazai/"><b class="icon8"></b><span>ダウンロード</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/faq/zt" title="特集"><b class="icon12"></b><span>特集</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/ja/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/ja/" >ホームページ</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/article.html" class="hover">記事</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/wenda.html" >に質問</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/course.html" >コース</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/faq/zt" >特集</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/xiazai" >ダウンロード</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/game" >ゲーム</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/dic.html" >辞書</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>(ZH-CN)</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>(EN)</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>(ZH-TW)</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>日本語</span><span>(JA)</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>(KO)</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>(MS)</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>(FR)</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>(DE)</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true,//修改swiper的父元素时,自动初始化swiper }); </script></div></div><!--顶部导航 end--><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>

STF

コンピューターコードのテキストを定義します。