HTML 5.0の新機能 パート3:ドキュメント構造。 おわりに

ブラウザによって構文が定義されているHTMLおよびXHTMLの以前のバージョンとは異なり、HTML 5は、ドキュメントオブジェクトモデル(DOM)-ページを表示するためにブラウザが読み取るドキュメントの構造(「ツリー」)に応じて定義されます。 たとえば、見出し、小見出し、およびテキストで構成される非常に単純なドキュメントを考えてみましょう。 DOM構造は次のようになります。



例として、DOMドキュメントの構造は、「h1」ヘッダーの「title」要素と、ドキュメント本文の「p」要素で構成されています。





DOMルールに従ったHTML 5のこの定義の利点は、構文に関係なく言語自体を定義できることです。 HTMLドキュメントを表すために使用できる主に2つの構文があります:HTMLシリーズ(HTML 5)とXMLシリーズ(XHTML 5)。



HTMLシリーズは、以前のバージョンのHTMLのSGMLに由来する構文を指しますが、実際にはブラウザーとの互換性のために、実際にはHTMLとして定義されています。

<!DOCTYPE html>

An HTML Document



Example

This is an example HTML document.









<!DOCTYPE html>

An HTML Document



Example

This is an example HTML document.









<!DOCTYPE html>

An HTML Document



Example

This is an example HTML document.













HTMLの以前のバージョンでは、一部のタグはオプションであり、自動的に追加されることに注意してください。



XMLシリーズは、XHTML 1.0と同様に、XML 1.0で使用される構文を指します。

An HTML Document









これはHTMLドキュメントの例です。







スペースの違いとxmlns属性の存在は別として、これら2つの例は同等です。



ブラウザは、 MIMEタイプを使用してこれらのドキュメントを区別します。 「 text / html 」として送信されるドキュメントはHTMLシリーズの要件を満たしている必要があり、 application / xhtml + xmlなどのXML MIMEタイプのドキュメントはXMLシリーズの要件に準拠する必要があります。



開発者は、多くの要因に影響を与える1つまたは別のシリーズを意識的に選択する必要があります。 いずれか1つのタイプを常に選択する必要はありません。 それぞれが異なる状況に合わせて最適化されています。



HTMLを使用する利点

1.既存のブラウザとの下位互換性

2.開発者はすでに構文に精通しています。

3.使用されている構文は、エラーが誤って抜け落ちた場合でも、ユーザーが「 死の黄色い画面 」に遭遇しないことを意味します。

4.便利な短縮構文。たとえば、開発者はいくつかのタグと属性をスキップできます。





XHTMLを使用する利点

1.厳密なXML構文により、開発者は他の開発者が理解できる適切にマークされたコードを書く必要があります。

2. SVGやMathMLなどの他のXML辞書と直接統合する

3.一部の作成者が編集および/または投稿プロセスの一部として使用するXML処理の使用を許可します。





HTML 5開発者を支援したいですか?



5 HTMLの作業は継続され、今後数年間継続されます。 テスト、さまざまなブラウザーとの最大の互換性を実現するための要件、さまざまな評価作業-これには約15年かかります。 これらの開発中、Web開発者や開発者、ブラウザのベンダーや販売者を含む幅広い人々とのコミュニケーションは、これらの開発をリリースする上での成功を確実にするために不可欠です。



仕様に加えて、人々が開発プロセスをよりよく理解するのに役立つ他の多くの関連する作業があります。



1. HTML 4との違いは、HTMLの過去のバージョンに影響を与えた変更を説明しています。

2. HTML設計原則は 、意思決定を行い、既存の開発原則の多くを理解するのに役立つ基本的な規則を説明しています

3. HTML 5 Web開発者ガイドは最近リリースされたばかりです。 そのタスクは、Webデザイナーと開発者がHTML 5の革新をよりよく理解するのを助け、最高の開発者の経験を伝えることです。




HTML 5の開発に貢献できる多くの方法があります。W3CのHTML WGに参加するか、 HTML WGまたはWIKIニュースレターを購読できますWHATWGニュースレターを購読したりWHATWGフォーラムチャットしたり 、コメントを追加したり、 WHATWGブログで記事を書いたりすることもできます。



ご清聴ありがとうございました。




All Articles