ホームページ ウェブフロントエンド htmlチュートリアル マークアップ言語とDOCTYPE_html/css_WEB-ITnose

マークアップ言語とDOCTYPE_html/css_WEB-ITnose

Jun 24, 2016 am 11:21 AM

マークアップ言語。テキストの構造に関する情報や表示方法の指示を与えるためにドキュメントのコンテンツに注釈を付けるために使用される表記法。テキストまたはコマンドに関する構造情報は、その表示方法に使用されます。

マークアップ言語は、デジタル テキストに埋め込むことができるタグのセットやタグを作成するためのルールのセットであり、表示や表示のための編集や書式設定などのテキストの自動処理を容易にするために、テキストに関する追加情報を提供します。マークアップ言語は、タグを作成してデジタル テキストに埋め込み、テキストの表示や印刷などの自動解析と処理のためにテキストに関する追加情報を提供する一連のタグと一連のルールです。

一般に、マークアップ言語は、特にコンピュータードキュメントに使用されるマークアップ言語を指します。

簡単に言うと、ルールに従ってドキュメントのコンテンツに追加のマーク記号を追加することを意味し、これらの記号は最終的な表示には表示されません。

https://en.wikipedia.org/wiki/Markup

http://www.linfo.org/markup_ language.html

SGML (Standard Generalized Markup Language) は、GML (Generalized Markup Language) の標準化された名前です。 。 1986 年に ISO 規格になりました。

HTML (HyperText Markup Language)、最初の公式ドラフト (IETF によってリリース) は 1993 年にリリースされました。

XML (Extensible Markup Language)、最初の公式ドラフトは 1996 年にリリースされました。

XHTML (Extensible Hypertext Markup Language) は、1998 年に最初の公式ドラフトをリリースしました。 HTML は W3C 組織が設立される前から存在していたため、W3C が引き継いだ後、HTML があまり気に入らなかったため、XHTML が作成されました。

HTML5 は 2008 年に最初の公式ドラフトをリリースしました (WHATWG によってリリース)。大手ブラウザ メーカーが主導する WHATWG 組織が HTML5 を考案しましたが、W3C は HTML5 が W3C 標準になった後も妥協せざるを得ませんでした。W3C は依然として XHTML5 (XML シリアル化 HTML5) を考案しました。

HTML は SGML のサブセットです。

XML は SGML のサブセットです。

HTML と XML は兄弟であり、どちらも SGML のサブセットです。

XHTML は、HTML から生まれた、HTML から独立した新しいマークアップ言語です。 XHTML は、XML 標準に従って HTML を書き換えるマークアップ言語であり、XML のサブセットです。

HTML5 と SGML は並行関係にあります。HTML5 はどちらも SGML から生まれた独立したマークアップ言語です。

HTML、XML、XHTML、および HTML5 はすべて、インターネット ドキュメントに使用されるマークアップ言語です。

文書型定義 (DTD) は、SGML ファミリのマークアップ言語 (SGML、HTML、XML、XHTML) の文書型を定義するマークアップ宣言のセットです。DTD (文書型定義) 文書型定義はセットですマークアップ言語の SGML ファミリ (SGML、HTML、XML、XHTML) のドキュメント タイプを定義するために使用されるマークアップ シンボル宣言のコレクション。

HTML5 は SGML ファミリーのマークアップ言語ではなく、SGML と共存する独立したマークアップ言語であるため、DTD は必要ありません。

doctype には長く複雑な歴史がありますが、今のところ知っておく必要があるのは、この doctype がブラウザーに W3C 標準に従って HTML と CSS コードを解釈するように指示し、90 年代の Internet Explorer であるかのように見せようとしないということだけです。 HTML ドキュメントの最初の行にある doctype タグには長く複雑な歴史がありますが、今のところ知っておく必要があるのは、この doctype がブラウザに、IE をエミュレートするのではなく、W3C 標準に従って HTML と CSS コードを解釈するように指示するということだけです。 90年代。

現在、ブラウザのレイアウト エンジンは 3 つのモードを使用しています: quirks モード、ほぼ標準モード、および完全標準モードです。quirks モード (奇妙なモード) では、レイアウトが Navigator 4 および IE 5 の古いブラウザの非標準動作を模倣します。これは必要です。標準がリリースされる前に構築された Web サイトの場合、完全な標準モードでは、レイアウトの動作は HTML および CSS の仕様に記載されているものと同じになることが期待されており、ほとんどの標準モードでは奇妙な動作はほとんどありません。

ブラウザは、HTML ドキュメントの DOCTYPE タグを通じてどの動作モードをトリガーします。ブラウザーが最新の HTML5 仕様を採用するようにします。 HTML5 仕様では、DOCTYPE タグの唯一の機能はブラウザの完全標準モードをトリガーすることですが、他の HTML 仕様では、このタグには DTD ファイルを参照し、ブラウザのドキュメント タイプを決定する機能もあります。 、完全な標準モードをトリガーするためにのみ使用され、異なるレイアウト モードは他の効果を持ちません。

最新の Web ブラウザーの HTML レイアウト エンジンは、DOCTYPE の「スニッフィング」または「スイッチング」を実行します。テキスト/HTML として機能するドキュメント内の DOCTYPE は、「互換モード」または「標準モード」などのレイアウト モードを決定します。 SGML ベースではない HTML5 の /html シリアル化では、モード選択のみに DOCTYPE が使用されます。Web ブラウザは汎用の DTD ベースのパーサーではなく、専用の HTML パーサーを使用して実装されているため、DTD は使用されません。 URL が指定された場合でも、DOCTYPE は、一般的なブラウザーで「標準モード」をトリガーするためだけに「ほとんど役に立たないが必須」ヘッダーとして HTML5 に保持されます。

最新のブラウザでは、HTML レイアウト エンジンが DOCTYPE の「スニッフィング」または「切り替え」を実行します。text/html ドキュメント内のこの DOCTYPE は、「互換モード」または「標準モード」などのレイアウト モードを決定します。 HTML5 の text/html シリアル化は SGML に基づいておらず、DOCTYPE タグはモードの選択にのみ使用されます。ブラウザは汎用の DTD ベースのパーサーではなく特殊な HTML パーサーを使用するため、DTD を使用せず、URL が提供されている場合でもアクセスしません。この DOCTYPE は、「ほとんど役に立たないが必須」のように HTML5 の先頭で予約されており、ブラウザーで「標準モード」をトリガーするためにのみ使用されます。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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)

公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? 公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? Mar 04, 2025 pm 12:32 PM

公式アカウントのWebページはキャッシュを更新します。これはシンプルでシンプルで、ポットを飲むのに十分な複雑です。あなたは公式のアカウントの記事を更新するために一生懸命働きましたが、ユーザーはまだ古いバージョンを開くことができますか?この記事では、この背後にあるtwist余曲折と、この問題を優雅に解決する方法を見てみましょう。それを読んだ後、さまざまなキャッシュの問題に簡単に対処でき、ユーザーが常に新鮮なコンテンツを体験できるようになります。最初に基本について話しましょう。それを率直に言うと、アクセス速度を向上させるために、ブラウザまたはサーバーはいくつかの静的リソース(写真、CSS、JSなど)やページコンテンツを保存します。次回アクセスするときは、もう一度ダウンロードすることなく、キャッシュから直接検索できます。自然に高速です。しかし、このことは両刃の剣でもあります。新しいバージョンはオンラインです、

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

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

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

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

WebページのPNG画像にストローク効果を効率的に追加する方法は? WebページのPNG画像にストローク効果を効率的に追加する方法は? Mar 04, 2025 pm 02:39 PM

この記事では、CSSを使用したWebページへの効率的なPNG境界追加を示しています。 CSSはJavaScriptやライブラリと比較して優れたパフォーマンスを提供し、微妙または顕著な効果のために境界幅、スタイル、色を調整する方法を詳述していると主張しています

< datalist>の目的は何ですか 要素? < datalist>の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

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

< meter>の目的は何ですか 要素? < meter>の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

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

HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? Mar 12, 2025 pm 04:05 PM

この記事では、html5< time>について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

< Progress>の目的は何ですか 要素? < Progress>の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

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

See all articles