ホームページ ウェブフロントエンド H5 チュートリアル HTML5 について知っておくべき 10 のこと

HTML5 について知っておくべき 10 のこと

Oct 28, 2017 am 10:00 AM
h5 html5

1、2 年前、HTML5 は一部のインターネットオタクだけが気にするような漠然とした概念のように思えました。しかし今では、HTML5 がどこにでも普及しているように感じられます。 Mozilla と Chrome の迅速なリリース、および Microsoft の IE9 (IE10 も現在「テクニカル プレビュー」 ステータス ) の導入のおかげで、HTML 5 をサポートする限られた数の (または限られた以上の) ブラウザーを利用できるようになりました。ほぼ全員が楽しめます。開発者は、広く実装されている機能を利用し始めました。 HTML 5 は 1 年以内に完全にサポートされ、仕様は急速に安定した状態に達しつつあります。HTML 5 について知っておくべきことを学ぶには今が良い機会です。
1: XHTML は廃止され、HTML 5 (XML 構文をサポートする) は常に存在します
XHTML は、特に解析の点で正確さを好む人にとっての選択肢です。 HTML の外観は常に XML に似ていますが、XML とまったく同じになることはありません。そのため、HTML を XML として解析しようとすると失敗します。したがって、少し前に、HTML 言語に代わる XHTML が開発され、XML という用語に分類されました。 HTML 5 の作業が最初に開始されたとき、XHTML 2 の作業もありましたが、最終的には棚上げされました。それどころか、HTML 5 仕様は、厳密な XML 構文に従った実用的な HTML 5 ドキュメントを作成できるようにするために開発されました。 XML MIME タイプで送信すると、クライアントも XML ドキュメントとして解析します。これにより、開発者は両方の長所を活用できるようになります。
2: 2022 年の神話、2011 年の現実
HTML 5 に関して広く広まっている誤解の 1 つは、「2022 年までに完成しない」というものです。典型的な裏付けとなる証拠は、数年前に私が HTML 5 仕様の編集者である Ian Hickson に行ったインタビューです。皮肉なことに、そのインタビューでも彼は2022年の日付について明言していた。しかし、一部の人々はそれに興奮しており、彼らの怒りの記事は実際の事実よりもはるかに注目を集めています。
実際のところ、ヒクソン氏は 2022 年が HTML5 仕様が完全な W3C 勧告になると予想しており、それまでに 2 つの 100% 完成した検証可能な実装が存在することになります。これはかなり無意味であると同時に、大きな前進であると考えてください。これは、他のバージョンの HTML 仕様がこれまでにそのようなステータスに到達したことがないためです。検証可能かどうかは曖昧すぎます。 2011 年の現在、HTML 5 仕様はほぼ固まりつつあります。
3: ほとんどの開発者にとって、これは Flash と Silverlight のキラーです
HTML 5 ではドキュメントのマークアップに使用する方法がいくつか改善されていますが、大きな焦点は依然としてアプリケーションにあります。アプリケーション開発をサポートするために HTML 5 によって導入された機能の数は膨大です。だからといって、Flash と Silverlight がすぐに廃止されるというわけではありません。しかし、Microsoft は、Silverlight をブラウザ外のエクスペリエンスに再び焦点を当てると発表しました。 Flash と Silverlight には、HTML 5 にはない機能がまだいくつかありますが、多くの共通の目的に関して、HTML 5 の新機能のおかげで溝は埋まりました。既存のアプリケーションを書き直す価値はないかもしれませんが、HTML 5 が新しいアプリケーションに意味があるかどうかを確認する必要があります。 (Web フロントエンド学習交流グループ: 328058344 興味がない限りチャット禁止、入場禁止です!)
4: それは多くの新しいツールの基礎です
HTML 5 が完全に成熟したアプリケーションフレームワークになるにつれて、ツールメーカー、特にそれらwho design クロスプラットフォーム開発の問題を解決するために使用されていましたが、現在では製品の基礎テクノロジーとして使用されています。クロスプラットフォームで実行され、HTML 5 の機能内で動作するアプリを作成したい場合は、これらのツールを検討する必要があります。これはモバイル分野では特に重要です。そうでないと、対象とするモバイル プラットフォームごとにまったく新しい言語、API、フレームワークを学習する必要があるからです。
5: 重要かつ物議を醸すタグ
私が個人的に選んだ「HTML 5 のベスト新機能」はタグです。以前 (そしてタグを使用する前)、Web サイトにメディア プレーヤーを提供するには、自分で Flash または Silverlight に頼る必要がありました。これらの新しいレーベルの登場により、理論上はそんな時代は終わりました。なぜ「理論上」だけなのでしょうか?残念なことに、特許の関係で、ブラウザの製造元によっては、どの形式をサポートすべきか明確ではありません。そして、ひとたび事態が収束すると、Flash と Silverlight は両方とも最大のユースケースを失うことになります。
6: Google Google、主導権を握ってください
Chrome が HTML 5 で素晴らしいスタートを切っているように見える場合、それには十分な理由があります。 HTML 5 仕様の開発では、コードの作成とデプロイに重点が置かれています。とはいえ、ブラウザ ベンダーが何をしてもゴム印を押すという意味ではありません。しかし、まだ実装されていない機能を仕様の作成に携わる人々に受け入れるよう説得するのは難しく、実装された機能は新しいプロジェクトの基礎として仕様に含まれる可能性が高くなります。 Chrome は数週間ごとに新しいバージョンがリリースされるようなので、Google が追加した新機能も HTML5 仕様に含まれる可能性が高くなります。
7: 「標準に準拠している」ことがついに証明されました
誰かが特定のブラウザが「標準に準拠している」または「標準に準拠していない」と主張するたびに、私は笑うしかありません。 HTML 5 が登場する前は、標準への準拠を証明することはまったく不可能でした。多くの場合、現在の仕様は曖昧すぎるか、重要な問題 (解析エラーの処理など) について単に沈黙しているため、さまざまなブラウザでさまざまな操作が可能でありながら、標準に準拠しているか、次のいずれかに分類されます。 「非互換性は検証できません」。最も有名な ACID テストでさえ、HTML のサブセットのみをテストするため、あまり証明できません。 HTML 5 のしきい値は大幅に引き上げられ、ユーザー エージェントが標準に準拠していることを証明できるようになりました。実際、2022 年に「推奨」ステータスに達するという日付の背後にある理由の 1 つは、完全なテスト パッケージを作成する必要があることです。
8:「標準互換性」は依然として見た目を保証していない
Webブラウザの標準互換性は人々が通常考えているように動作せず、HTML 5でもこの事実は変わっていません。 HTML に関する大きな混乱の 1 つは、多くの Web デザイナーや開発者が、HTML 仕様が画面項目の外観を制御していると信じていることです。これは事実ではありません。たとえば、Web ブラウザーは、希望に応じて、互換性を維持しながら、タグに太字の代わりに大きなフォントや異なる色のフォントを使用させることができます。多くの場合、デザイナーがブラウザーが標準に準拠していないと言うとき、実際に直面しているのは、ユーザー エージェントにタグの表示方法の柔軟性を与えることです。 HTML5 でもその事実は変わりません。ラベルを正確に表示する必要がある場合は、ブラウザのデフォルトの動作に依存せず、CSS で要件を指定してください。 9: より正確な解析 HTML5仕様ではついに正確な解析ルールが導入され、解析エラーが発生したときにユーザーエージェントが何をすべきかを定義しました。したがって、以前は許容可能な HTML として渡されていた、または「合法的な」HTML として渡されていたものの一部が、今後は渡されなくなることが予想されます。 HTML5 の解析ルールを理解し、コードがその要件に準拠していることを確認する必要があります。
10: HTML5 はブラウザとは程遠い
以前のバージョンの HTML では、従来の Web ブラウザがユーザー エージェントとして選択されるという本質的な前提がありました。他のユーザー エージェントとコンテンツ タイプもサポートされていますが、それらは同じように重要ではないという暗黙の考えがあります。ただし、HTML5 では、非ブラウザーおよび非デスクトップ サイズのユーザー エージェントをブラウザーとより同等に扱うために多くの変更が加えられています。スクリーンリーダーや携帯電話との連携など、多くの進歩が見られます。つまり、よく書かれた HTML5 は、それを必要とする開発者にとっては「一度書けば、どこでも見ることができる」フレームワークであり、そうでなければ Web に苦労しているユーザー (特にさまざまな障壁がある人) にとっては機能します。

以上がHTML5 について知っておくべき 10 のことの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles