ホームページ ウェブフロントエンド htmlチュートリアル _html/css_WEB-ITnose について学習する

_html/css_WEB-ITnose について学習する

Jun 24, 2016 am 11:45 AM

DOCTYPE は Document type の略で、XHTML や HTML のどのバージョンが使用されているかを示します。 タグの前に指定する必要があり、タグを閉じる必要はありません。

宣言はタグではなく、ページがどのバージョンの HTML で記述されているかを Web ブラウザに指示します。ブラウザがそれを認識できるように、必ず 宣言を HTML ドキュメントに追加してください。ドキュメントの種類と、それが最終的に Web ドキュメントに表示される方法。したがって、W3C 標準に準拠したページを作成する場合、DOCTYPE ステートメントは不可欠な主要コンポーネントとなります。

HTML Doctype の欠如によって引き起こされるスタイルの問題

Web ページが XHTML 標準を使用して開発される場合、最初の行は次のとおりです:

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

これは xhtml の W3C 標準です。

DOCTYPE は、HTML 文書が従う文書型定義 (DTD) を指定し、その宣言は特定の規則に従い、文書内のタグを解釈するために読み取りプログラムがどのような規則セットを使用するかを示します。

ルールスタイル:

構文:

HTML トップレベル要素の可用性 "Register // Organization // Type // Tag // Definition // Language" "URL"

取り得る値:

  • トップレベル要素:指定された DTD 宣言された最上位要素タイプ。宣言された SGML 文書タイプに対応します。デフォルトは: HTML
  • 可用性: 正式公開識別子 (FPI) がアクセス可能なオブジェクトであるか、システム リソースであるかを指定します。デフォルトは: PUBLIC、パブリックにアクセス可能なオブジェクトです。 SYSTEM ローカル ファイルや URL などのシステム リソース。
  • 登録: 指定した組織が国際標準化機構 (ISO) であるかどうかを指定します。 + デフォルト。組織名が登録されました。
  • 組織名が登録されていません: IETF および W3C は ISO 組織として登録されていません。
  • 組織: 責任者を明記してください! DOCTYPE 宣言は、DTD を作成および管理するチームまたは組織の名前を指します。
  • Type: パブリック テキスト クラス、つまり参照されるオブジェクトのタイプを指定します。デフォルト: DTD。
  • タグ: パブリック テキストの説明、参照されるパブリック テキストの一意の説明名を指定します。バージョン番号を付けることができます。デフォルト: HTML
  • 定義: ドキュメントタイプの定義を指定します。フレームセット フレームセットのドキュメント。 Strict では、W3C 専門家が段階的に廃止したいと考えているすべての代表的な属性と要素が除外されます。トランジションには、Frameset 要素を除くすべてのコンテンツが含まれます。
  • 言語: パブリック テキスト言語、参照されるオブジェクトを作成する自然言語エンコード システムを指定します。デフォルト: EN.
  • URL: 参照されるオブジェクトの場所を指定します。
  • (転載: http://www.cnblogs.com/Tomatoxml/p/3585741.html)

    DTD (例では: xhtml1-transitional.dtd) は、文書計画を含む文書タイプの定義であり、ブラウザは DTD を定義してページのマークアップを解釈し、それを表示します。

    xhtml1.0 では、次の 3 つの DTD 宣言から選択できます。

  • Transitional: プレゼンテーション要素や非推奨の要素を含む、すべての HTML 要素と属性が含まれます。フレームセットは許可されず、正しい XML 形式で記述する必要があります。
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    ログイン後にコピー

  • 厳密: すべての HTML 要素と属性が含まれますが、プレゼンテーション要素や非推奨の要素 (フォントなど) は含まれません。フレームセットは許可されず、XML は正しい形式で記述される必要があります。
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
    ログイン後にコピー

  • Frameset: XHTML 1.0 Transitional と同等ですが、フレームセット コンテンツを許可します。
  • <!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    ログイン後にコピー

    shtmlの3つのDTD宣言とHTML 4.01の3つの宣言に比較して、HTML5:

    <!DOCTYPE html>
    ログイン後にコピー
    eの1つだけがあります。 ; HTML4.01 は SGML に基づいており、DTD はブラウザがコンテンツを正しく表示できるようにするためのマークアップ言語の計画を指定しているため、このステートメントは DTD を参照しています。そのため、DTD を引用する必要はありません。

    XHTML1.0、HTML 4.0、HMTL5について説明します:

    。 W3C は当初、HTML 4.01 を HTML 4.01 に置き換える (誕生する可能性がある) ことを計画していましたが、HTML 4.01 の影から逃れることができないまま消滅してしまいました。 XHTML が登場する前は、XHTML の地位は HTML5 に取って代わられました。 (http://www.zhihu.com/question/20258628 より抜粋)

    DOCTYPE 宣言に続くのは XHTML 名前空間です:

    <html xmlns="http://www.w3.org/1999/xhtml">
    ログイン後にコピー

    XML 仕様に準拠した XHTML ドキュメントを使用する必要がある場合, タグ内で xmlns 属性を使用する必要があります。

    チェックツール

    : ページが DOCTYPE で宣言された標準に準拠しているかどうかをチェックする必要がある場合は、W3C が提供する検証ツールを使用できます: http://validator.w3.org/

    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

    ホットAIツール

    Undresser.AI Undress

    Undresser.AI Undress

    リアルなヌード写真を作成する AI 搭載アプリ

    AI Clothes Remover

    AI Clothes Remover

    写真から衣服を削除するオンライン AI ツール。

    Undress AI Tool

    Undress AI Tool

    脱衣画像を無料で

    Clothoff.io

    Clothoff.io

    AI衣類リムーバー

    AI Hentai Generator

    AI Hentai Generator

    AIヘンタイを無料で生成します。

    ホットツール

    メモ帳++7.3.1

    メモ帳++7.3.1

    使いやすく無料のコードエディター

    SublimeText3 中国語版

    SublimeText3 中国語版

    中国語版、とても使いやすい

    ゼンドスタジオ 13.0.1

    ゼンドスタジオ 13.0.1

    強力な PHP 統合開発環境

    ドリームウィーバー CS6

    ドリームウィーバー CS6

    ビジュアル Web 開発ツール

    SublimeText3 Mac版

    SublimeText3 Mac版

    神レベルのコード編集ソフト(SublimeText3)

    &lt; Progress&gt;の目的は何ですか 要素? &lt; Progress&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

    この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合

    &lt; datalist&gt;の目的は何ですか 要素? &lt; datalist&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

    この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

    HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

    記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

    &lt; meter&gt;の目的は何ですか 要素? &lt; meter&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

    この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex

    HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

    この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

    ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

    この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

    &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

    この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

    Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Apr 04, 2025 pm 11:54 PM

    GiteEpages静的Webサイトの展開が失敗しました:404エラーのトラブルシューティングと解像度Giteeを使用する

    See all articles