ホームページ  >  記事  >  ウェブフロントエンド  >  X/HTML5 および XHTML2_html5 チュートリアルのヒント

X/HTML5 および XHTML2_html5 チュートリアルのヒント

WBOY
WBOYオリジナル
2016-05-16 15:51:421354ブラウズ

XHTML 2 の進歩を理解した後、X/HTML 5 の進歩を見てみましょう。
X/HTML 5 の優れた点
章要素の概念
X/HTML 5 では、Web ページを章に分割するための新しい要素が導入されています。これらのコンポーネントは、検索エンジンとアクセシビリティ ツールがページのコンテンツをより深く理解するのに役立ちます。これらの新しい要素を使用してラベルを読みやすくします。
章立てコンテンツのアイデアはクールです!しかし、チャプターテクノロジーを使用することが十分にクールではない理由を考えてみましょう。
対話要素
会話要素は会話を表すために使用されます。これには、発言者を定義するために使用される dt 要素と、発言者の発言の内容を表す dd 要素が含まれます。例えば:

コステロ

ほら、一塁手だよ?

アボット

確かに。

コステロ

誰が最初にプレーしますか?

アボット

そうです。

コステロ

一塁手に毎月給料を支払ったら、誰がお金を受け取りますか?

アボット

1ドルごと


図形要素
マストヘッドは、印刷出版物 (教科書、新聞、雑誌など) のメディア オブジェクト (写真、イラスト、グラフなど) でよく使用されます。これまでのところ、Web マークアップ言語には、この効果を生み出すことができる構造はありません。 figrue 要素には、画像のヘッダーを指定するために使用できる legend 子要素があります。例えば:
XML/HTML コード

クレジット: Media Inc.、2007
Photo: J. Smith

m 要素
m 要素は、マークまたは強調表示されたテキストのセクションを表します。これは、動的 Web ページに検索キーワードを表示する場合に非常に便利です。このとき、ページ内のキーワードは m 要素を使用してマークできます。たとえば、ユーザーによるキーワード「雪」の検索に応じて、Web ページは次のコンテンツを生成できます。
XML/HTML コード

男は、から作られた人間のような彫刻です。


入力要素が強化されました
input 要素関数が強化され、電子メール、URL、データ関連、時間関連、および数値データ型をサポートするようになりました。これは、より多くの検証機能をクライアント側で実行できることを意味します。
プロセスを開く
X/HTML の開発プロセスは、XHTML 2 よりもはるかにオープンです。 X/HTML 5 のクリエイティブ プロセスには誰でも参加できます。
X/HTML 5 の軟膏のハエ
章要素の使用法
章要素を使用するというアイデアは良いですが、X/HTML 5 アプリケーションでは少し面倒に思えます。説明によっては、さらに混乱してしまうかもしれません。例えば:
サイド要素はページのコンテンツの一部を表し、サイド要素の前後のコンテンツと関連しています。コンテンツの独立した部分とみなすことができます。これらのコンポーネントは、印刷技術のサイドバーでよく使用されます。
role 属性を持つ div 要素のほうが拡張性が高く、理解しやすいのではないでしょうか?
もう 1 つ言及されている Chapter 要素は nav です。これは、ページ内の他のページへのリンクを表すために使用されます。 nav 要素は本当に必要ですか? XHTML 2 の nl 要素は、このタスクをより適切に実行します。
HTML 4 と XHTML 1 の欠陥は将来の仕様でも依然として存在します。
X/HTML は後方サポートを提供しようとしているため、HTML 4 と XHTML 1 の欠陥は X/HTML 5 にも依然として存在します。仕様は下位空である必要はなく、クライアント ソフトウェアは複数の仕様をサポートすることで下位互換性を提供する必要があります。
X/HTML 5 は X/HTML 5 マニュアルに従っていません
X/HTML 5 は、HTML 4 および XHTML 1 と下位互換性があるように設計されています。現在、big、頭字語、u および tt はこの仕様の一部ではありませんが、i や samll などの他の要素のセマンティクスが再定義されています。たとえば、i と small は HTML 4.01 仕様で次のように定義されています。
i: テキストを斜体にします
small: テキストを「小さい」フォントでレンダリングします。
X/HTML 5 では、i と small に新しい意味があります。
i 要素は、分類デザイン、専門用語、外国語の慣用句、アイデア、意見、船名、その他のニーズなど、本文とは異なるテキストや段落をさまざまな方法で表現します。印刷テクノロジー テキストを斜体で表示します。 。
小さな要素には、小さな活字フォント (著作権や既存の欠点などの法的制約を説明する文書の一部) とコメントが表示されます。
これは、i と small の意味を再定義することにより、HTML 4 および XHTML 1 との下位互換性を破壊します。これは、下位互換性とは、HTML 4 ドキュメントをレンダリングするときに HTML 5 ユーザー エージェント (ブラウザー) が HTML 4 ユーザー エージェントと一貫性を持つ必要があることを意味するためです。したがって、HTML 5 が下位互換性を重視する場合、HTML 4 でほとんど意味のない構造は、HTML 5 でもほとんど意味を持ちません。
まさか?フォント要素はまだサポートされていますか?
はい、開発者が WYSIWYG エディターを使用している場合、X/HTML 5 は引き続き font 要素をサポートします。これには正当な理由はありますか? WYSIWYG エディターはフォントの使用を避けることができますか?
WYSIWYG 署名
WYSIWYG エディターを使用して生成されたドキュメントには、head 要素に次の WYSIWYG 署名が含まれている必要があります。
XML/HTML コード

または:
XML/HTML コード

これを行う理由は何ですか?ある種の恥の痕跡でしょうか?このドキュメントは WYSIWYG エディタで生成されたため、最悪の事態に備えるようにブラウザに指示するのでしょうか?では、ドキュメントの一部だけが WYSIWYG ツールを使用して完成された場合はどうなるでしょうか?
事前定義されたクラス名をサポートします
事前定義されたクラス名は、X/HTML 5 ユーザー エージェントで予約されているセマンティック CSS クラス名です。次の例では、copyright は事前定義されたクラス名です。
XML/HTML コード



このように書くことだけが意味を持ちます。
XML/HTML コード

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