HTML5の基本機能と構文の単純な構成

この記事では、主にHTML5の基本的な特徴と構文を紹介します。これは、HTML5の紹介の基本的な知識です。それを必要とする友人は、 HTML5の概要を参照できます

HTML5は、HTML 4.01、XHTML 1.0、XHTML 1.1を置き換えるHTML標準の次の重要なバージョンです。 HTML5は、World Wide Webでコンテンツを構築および提示するための標準でもあります。

HTML5は、World Wide Web Alliance（W3C）とWebページのハイパーテキストテクノロジーに関するワーキンググループ（WhatWG）のコラボレーションの製品です。

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

Apple Safari、Mozilla Firefox、Operaの最新バージョンは、ほとんどのHTML5機能をサポートしており、IE9はHTML5機能もサポートしています。

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

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

新しいセマンティック要素：<header>、<footer>、<section>など。

フォーム2.0：HTML Webフォームを改善し、<inupt>タグにいくつかの新しいプロパティを導入しました。

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

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

サーバープッシュイベント：HTML5は、サーバープッシュイベント（SSE）とも呼ばれるWebサーバーからWebブラウザーにイベントを紹介します。

Canvas：JavaScriptを使用したプログラム2次元図をサポートします。

オーディオとビデオ：サードパーティのプラグインを必要とせずに、ウェブページにオーディオまたはビデオを埋め込みました。

ジオロケーション：ユーザーは、ジオロケーションをWebページと共有することを選択できます。

Microdata：HTML5以外でカスタム語彙を作成し、カスタムセマンティクスを使用してWebページを拡張できます。

ドラッグアンドドロップ：同じWebページのエントリをある場所から別の場所にドラッグアンドドロップします。

HTML5は、既存のブラウザにできるだけ逆方向に互換性があるように設計されています。新機能は既存の機能に基づいて構築されており、古いブラウザーに代替コンテンツを提供できます。

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

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

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

ただし、HTML5はより柔軟で、次のフォームをサポートしています。

タグ名の大文字化。

属性の二重引用符はオプションです。

属性値はオプションです。

閉じた空の要素はオプションです。

Doctype

HTMLの古いバージョンでは、HTML言語はSGMLに基づいており、DTDを参照する必要があるため、Doctypeは長いです。

HTML5の著者は、単純な構文を使用して、次の形式のDoctypeを指定できます。