HTML の タグの詳細

怪我咯
リリース: 2017-04-07 09:43:29
オリジナル
1309 人が閲覧しました

タグは非常にシンプルなので、気にしないかもしれません。しかし、 タグをよく理解したことがありますか? W3cschool は XHTML Transitional DTD の使用を推奨しており、多くの人は素直に Dreamweaver の HTML ドキュメント type をデフォルトで XHTML 1.0 Transitional に設定しています。それ以来、人は年齢を重ねるにつれて怠け者になり、多くのことが無意識のうちに当たり前のこととして認識されています。 ;!DOCTYPE< はドキュメントの先頭にあります。 ;html> タグ。このタグは、ドキュメントが使用する HTML または XHTML の仕様をブラウザーに通知します。このタグは、フレームワーク
に基づいた HTML バージョン、および厳密なバージョンを表す 3 つの DTD タイプを宣言できます。ドキュメント内が doctype 宣言で指定された DTD に従っていない場合、ドキュメントはコード検証に合格せず、ブラウザーで正しく表示されない可能性があります。)

使用法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
ログイン後にコピー
ログイン後にコピー

分析: 上記の宣言では、ドキュメントのルート要素は html であると宣言されており、パブリック識別子で「-//W3C//DTD XHTML 1.0 Strict// EN」として定義されています。ブラウザは、このパブリックに一致する DTD を見つける方法を理解します。識別子が見つからない場合、ブラウザは公開識別子の後の URL を DTD の検索場所として使用します。

- : 組織名が登録されていないことを示します。および World Wide Web Consortium (W3C) は登録された ISO 組織ではありません。

    +: 組織名が登録されていることを示します。
  • DTD: タイプであるパブリック テキスト クラスを指定します。
  • 参照されるオブジェクトの名前。デフォルトは DTD です。

  • HTML: 参照されるオブジェクトの場所を指定します。

    Strict: W3C 専門家が段階的に廃止したいと考えているすべての代表的な 属性と要素を除外します

  • 3 つの HTML ドキュメント タイプ
  • HTML 4.01 では、Strict、Transitional、および Frameset の 3 つのドキュメント タイプを指定します

  • 。プレゼンテーション層のマークアップと乱雑さを避けるには、HTML 厳密 DTD タイプを使用します:

  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd">
    ログイン後にコピー

    Transitional DTD には、W3C で予期されるスタイルが含まれます。 ユーザーがサポートしていないブラウザを使用している場合、テーブルの属性と要素が表示されます。カスケード スタイル シート (CSS) と HTML のレンダリング機能を使用する必要がある場合は、Transitional DTD タイプ:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd">
ログイン後にコピー

Frameset DTD は、フレームのあるドキュメントに使用されます。 Frameset DTD は、frameset 要素が body 要素を置き換えることを除いて、Transitional DTD と同等です。

  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " http://www.w3.org/TR/html4/frameset.dtd">
    ログイン後にコピー

    3 つの

    XML
  • ドキュメント タイプ
    XHTML 1.0 は、Strict、Transitional、および Frameset の 3 つの XML ドキュメント タイプを指定します。
  • プレゼンテーション層に乱雑さのないクリーンなマークアップが必要な場合は、XHTML Strict DTD タイプを使用してください:
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    ログイン後にコピー
    ログイン後にコピー

  • Transitional DTD には、W3C がスタイル シートに移動することを想定しているプレゼンテーション属性と要素を含めることができます。ユーザーがブラウザーがカスケード スタイル シート (CSS) をサポートしておらず、HTML のレンダリング機能を使用する必要がある場合は、移行 DTD タイプを使用します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
ログイン後にコピー
ログイン後にコピー

Frameset DTD は、フレームのあるドキュメントに使用されます。 Frameset DTD は、frameset 要素が body 要素を置き換えることを除いて、Transitional DTD と同等です。

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    ログイン後にコピー

    正しい doctype を選択してください

  • 正しい doctype 宣言を取得するには、dtd を文書が従う標準。たとえば、ドキュメントが xhtml 1.0 の厳密な標準に従っていると仮定すると、ドキュメントの doctype 宣言は対応する dtd を参照する必要があります。
    一方、doctype 宣言で xhtml dtd が指定されているが、ドキュメントに古い形式の html マークアップが含まれている場合は、同様に、doctype 宣言で html dtd が指定されているが、ドキュメントに xhtml 1.0 の strict タグが含まれている場合は不適切です。も不適切です。
  • 有効な doctype 宣言が指定されていない場合、ほとんどのブラウザは組み込みのデフォルト dtd を使用します。この場合、ブラウザは組み込みの dtd を使用して、指定したタグを表示しようとします (ただし、これはページの記述が不十分な場合に起こります)。

  • JD.com、淘宝網、ブログパークをチェックしましたが、どれもこれを使用しています (私はいつもこれを使用しています):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
ログイン後にコピー
ログイン後にコピー

但是发现百度跟谷歌用的是“”,就再仔细查了一下资料,发现HTML5也是直接用的这个,不过是因为 HTML 5 不基于 SGML,因此不需要对 DTD 进行引用,但是需要 doctype 来规范浏览器的行为(让浏览器按照它们应该的方式来运行)。

建议在以后都直接用“”,用的话就会开启浏览器的标准兼容模式,在标准兼容模式下,不能保证与其它版本(IE6之前的,直接忽略吧),的 Internet Explorer 保持兼容,文档的渲染行为也许与将来的 Internet Explorer 不同,但也请大家放心地使用吧~~

PS:XHTML 1就是HTML 4.01的XML化,是一种不向前兼容的格式。HTML 4.01 中的 doctype 需要对 DTD 进行引用,因为 HTML 4.01 基于 SGML。SGML规定了在文档中嵌入描述标记的标准格式,指定了描述文档结构的标准方法,目前在WEB上使用的HTML格式便是使用固定标签集的一种。


以上がHTML の タグの詳細の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート