Skip to main content

HTML 5の新機能は何ですか?

プレデタ新機能 どんなテンプレートもHTML5に変換する (六月 2025)

プレデタ新機能 どんなテンプレートもHTML5に変換する (六月 2025)
Anonim

HTML 5では、HTML仕様に多くの新機能が追加されています。実装するのは簡単です。シンプルで合理的なHTML 5 doctypeを使用します。

はい、それです。ちょうど2つの単語 "doctype"と "html"。 HTML 5はもはやSGMLの一部ではなく、マークアップ言語であるため、これは単純なことです。

HTML 5の文字セットも合理化されています。これはUTF-8を使用し、メタタグを1つだけ定義します。

HTML 5の新しい構造

HTML5は、書籍や他のXML文書に構造があるように、Webページに構造があることを認識します。一般に、ウェブページにはナビゲーション、本文コンテンツ、サイドバーコンテンツ、ヘッダー、フッターなどの機能があります。 HTML 5には、ページの要素をサポートするタグがあります。彼らです:

  • ページのセクションを定義します。
  • ページのヘッダーを定義します。
  • ページのフッターを定義します。
  • ページ上のナビゲーションを定義します。
  • ページ上の記事または主要コンテンツを定義します。
  • ページ上のサイドバーのような余分なコンテンツを定義します。
  • 記事に注釈を付ける画像を定義します。

HTML 5新しいインライン要素

新しいインライン要素は、いくつかの基本的な概念を定義し、それらを意味的にマークアップしたままにします。

  • 何らかの形でマークされたコンテンツを示します。
  • 時間または日付であるコンテンツを示します。
  • ディスク使用率などの既知の範囲の一部であるコンテンツを示します。
  • 完了までのタスクの進捗状況を示します。

HTML 5新しい動的ページのサポート

HTML 5は、Webアプリケーション開発者を支援するために開発されたので、動的HTMLページの作成を容易にする多くの新機能があります。

  • コンテキストメニュー - HTML 5は、ウェブページとアプリケーション内のコンテキストメニューの作成と使用をサポートします。
  • href タグに必須ではありません。これにより、アンカーを送信する場所を必要とせずに、スクリプトとWebアプリケーションでタグを使用することができます。
  • 非同期属性 - これはscriptタグに追加され、スクリプトのロードを遅くせず、残りのページを表示しないようにスクリプトを非同期にロードする必要があることをブラウザに伝えます。
  • - 要素の詳細を提供します。これは、Web以外のアプリケーションのツールチップのようになります。
  • データベースまたは他の動的ソースから構築されたテーブルを作成します。
  • あなたがあなたのウェブページ上にメニューシステムを作成することを可能にする古いタグです。
  • 動的要素がアクティブになったときに実行されるアクションを定義します。

HTML 5新しいフォームタイプ

HTML 5はすべての標準フォーム入力タイプをサポートしていますが、さらにいくつか追加しています:

  • 日付時刻
  • 日時 - ローカル
  • 日付
  • 週間
  • 時間
  • 範囲
  • Eメール
  • URL

HTML 5の新しい要素

HTML 5にはいくつかのエキサイティングな新しい要素があります:

  • - この要素は、あなたのウェブページ上のJavaScriptの描画スペースを提供します。ツールチップに画像やグラフを追加したり、オンザフライで構築されたWebページ上に動的なグラフを作成することができます。
  • - この簡単なタグであなたのウェブページにビデオを追加します。
  • - この簡単なタグを使用してWebページにサウンドを追加します。

HTML 5はいくつかの要素を削除する

HTML 4の一部の要素は、HTML 5でサポートされなくなりました。ほとんどの機能はすでに廃止されており、驚くべきではありません。彼らです:

  • 略語
  • アプレット
  • ベースフォン
  • 大きい
  • センター
  • フォント
  • フレーム
  • フレームセット
  • isindex
  • noframes
  • noscript
  • s
  • ストライク
  • tt
  • あなた