HTML5_html5 チュートリアル スキルの基本機能と構文を簡単に整理します

HTML5 の概要
HTML5 は、HTML 標準の次のメジャー バージョンで、HTML 4.01、XHTML 1.0、および XHTML 1.1 に代わるものです。 HTML5 は、World Wide Web 上でコンテンツを構造化して表示するための標準でもあります。

HTML5 は、World Wide Web Consortium (W3C) と Web Hypertext Technology Working Group (WHATWG) の協力の成果です。

この新しい標準では、これまで Adob​​e Flash、Microsoft Silverlight、Google Gears などのサードパーティのブラウザ プラグインに依存していたビデオ再生やドラッグ アンド ドロップなどの機能が追加されます。

ブラウザのサポート
最新バージョンの Apple Safari、Mozilla FireFox、Opera はほとんどの HTML5 機能をサポートし、IE9 も一部の HTML5 機能をサポートします。

iPhone、iPad、Android 携帯電話にプリインストールされているモバイル ブラウザはすべて、HTML5 を適切にサポートしています。

新機能
HTML5 には、最新の Web サイトの構築に役立つ多くの新しい要素と属性が導入されています。 HTML5 で導入された主な機能は次のとおりです:

新しいセマンティック要素:

、

、

など。

Forms 2.0: HTML Web フォームが改善され、 タグにいくつかの新しい属性が導入されました。

永続的なローカル ストレージ: サードパーティのプラグインを通じて実装されないようにします。

WebSocket: Web アプリケーション用の次世代の双方向通信テクノロジ。

サーバー プッシュ イベント: HTML5 では、サーバー プッシュ イベント (SSE) とも呼ばれる、Web サーバーから Web ブラウザーへのイベントが導入されています。

キャンバス: JavaScript を使用したプログラムによる 2D 描画をサポートします。

オーディオとビデオ: サードパーティのプラグインに頼らずに、Web ページにオーディオまたはビデオを埋め込みます。

地理位置情報: ユーザーは、自分の地理的位置を Web ページと共有することを選択できます。

Microdata: HTML5 の外部でカスタム語彙を作成し、カスタム セマンティクスで Web ページを拡張できるようにします。

ドラッグ アンド ドロップ: 同じ Web ページ上のアイテムをある場所から別の場所にドラッグ アンド ドロップします。

後方互換性
HTML5 は、既存のブラウザーと可能な限り後方互換性があるように設計されています。新しい機能は既存の機能に基づいて構築されており、古いブラウザーにフォールバック コンテンツを提供できるようになります。

個々の HTML5 機能のサポートを検出するには、少量の JavaScript コードを使用することをお勧めします。

HTML5 構文

HTML5 には、Web 上ですでに公開されている HTML 4 および XHTML1 ドキュメントと互換性のある「独自の」HTML 構文がありますが、HTML 4 のより複雑な SGML 機能とは互換性がありません。

HTML5 には、小文字のタグ名、引用属性、属性に値が必要、すべての空の要素が閉じられている必要があるという XHTML の構文ルールがありません。

しかし、HTML5 はより柔軟で、次の形式をサポートしています:

タグ名は大文字にします。
属性の二重引用符はオプションです。
属性値はオプションです。
空の要素を閉じることはオプションです。
DOCTYPE
古いバージョンの HTML では、HTML 言語が SGML に基づいており、DTD を参照する必要があるため、DOCTYPE は非常に長くなっています。

HTML5 作成者は、簡単な構文を使用して次の形式の DOCTYPE を指定できます。

XML/HTML コードコンテンツをクリップボードにコピー

1. >

上記の構文では大文字と小文字が区別されません。

文字エンコーディング
HTML5 作成者は、次のような単純な構文を使用して文字エンコーディングを指定できます:

XML/HTML コードコンテンツをクリップボードにコピー

1. <メタ charset="UTF-8">

上記の構文では大文字と小文字が区別されません。

ホットAIツール

Undresser.AI Undress

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

AI Clothes Remover

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

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

もっと見る

人気の記事

アサシンのクリードシャドウズ：シーシェルリドルソリューション

3週間前 By DDD

Windows11 KB5054979の新しいものと更新の問題を修正する方法

2週間前 By DDD

アサシンクリードシャドウ - 鍛冶屋を見つけて武器と鎧のカスタマイズを解除する方法

1 か月前 By DDD

Atomfallのクレーンコントロールキーカードを見つける場所

3週間前 By DDD

<🎜>：Dead Rails-すべての課題を完了する方法

3週間前 By DDD

もっと見る

ホットツール

メモ帳++7.3.1

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

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？

7642

15

CakePHP チュートリアル

1392

52

Steamのアカウント名の形式は何ですか

90

11

Win11 Activation Key Permanent

72

19

NYTの接続はヒントと回答です

33

150

もっと見る

Related knowledge

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

See all articles