HTML5チュートリアル
HTML5は、完成したWorld Wide Webコンソーシアム(W3C)の基準では2014年10月の最新のHTMLリビジョンです。
HTML5は、モバイルデバイス上でマルチメディアをサポートするように設計されています。
簡単に学べるHTML5。
HTML5とは何ですか?
HTML5は、HTML標準の次世代製品です。
HTMLは、HTML 4.01の以前のバージョンは、1999年に生まれました。 それ以来、ウェブの世界は海の変化を受けています。
HTML5は、その完成のままです。 しかし、最近のほとんどのブラウザでは、すでにいくつかのHTML5をサポートしています。
HTML5は起動する方法ですか?
W3CとWHATWG HTML5は、協力の結果であり、WHATWGは、Webハイパーテキスト応用技術作業部会を意味します。 。
WHATWGは、Webフォームやアプリケーションを捧げ、そしてW3CはXHTML 2.0に焦点を当てました。 2006年には、双方は、HTMLの新しいバージョンを作成するために協力することを決めました。
HTML5、いくつかの興味深い新機能:
- 絵画のキャンバス要素について
- メディア再生用のビデオとオーディオの要素
- ローカルオフラインストレージサポートの改善
- このような記事、フッター、ヘッダー、ナビゲーション、セクションなどの新しい特殊なコンテンツ要素、
- 新しいフォームコントロール、カレンダー、日付、時刻、メール、URL、検索など
HTML5 <!DOCTYPE>
<!DOCTYPE>宣言は、文書のHTML5の最初の行に使用することは非常にシンプルである必要があります。
最小限のHTML5ドキュメント
ここでは、簡単なHTML5の文書は、次のとおりです。
注:中国のウェブページについての<metaのcharset = "UTF-8を使用する必要があります">それ以外の場合は文字化けします、ステートメントを。
改善されたHTML5
- 新要素
- 新しいプロパティ
- CSS3のフルサポート
- ビデオとオーディオ
- 2D / 3D描画
- ローカルストア
- ローカルSQLデータ
- Webアプリケーション
HTML5マルチメディア
あなたは、単にページにHTML5のビデオ再生(ビデオ)と音声(オーディオ)を使用することができます。
HTML5アプリケーション
あなたは、単にHTML5アプリケーションの開発を使用することができます
- ローカル・データ・ストレージ
- ローカルファイルへのアクセス
- ローカルSQLデータ
- キャッシュの引用
- Javascriptの労働者
- XHTMLHttpRequest 2
HTML5グラフィック
あなたは、単にグラフィックスを描画することができHTML5を使用します。
- 使用の<canvas>要素を。
- インライン使ってSVGを 。
- 使用CSS3 2D変換 、 CSS3 3D変換を 。
HTML5 CSS3を使用します
- 新しいセレクタ
- 新しいプロパティ
- アニメーション
- 2D / 3D変換
- フィレット
- 影効果
- ダウンロード可能なフォント
より多くのCSS3情報を学ぶのサイトを参照してくださいCSS3のチュートリアルを。
セマンティック要素
次のようにHTML5はある意味要素の多くを追加します。
ラベル | 説明 |
---|---|
<論説> | 別のページのコンテンツ領域を定義します。 |
<脇> | サイドバーのコンテンツページを定義します。 |
<BDI> | それはあなたが離れて親要素の設定からテキスト、テキスト方向の一部を設定することができます。 |
<コマンド> | このようなラジオボタンなど、チェックボックスやボタン - カスタムコマンドボタン |
<詳細> | 文書またはセクションの詳細 |
<ダイアログ> | このような風船のようなダイアログボックスをカスタマイズします |
<概要> | タイトルタグは、要素の詳細が含まれています |
<図> | コンテンツ(イメージ、グラフィックス、写真、コードなど)をストリーミング別個の条項。 |
<Figcaption> | <フィギュア>要素のタイトルの定義 |
<フッタ> | 定義されたセクションまたは文書のフッター。 |
<ヘッダ> | これは、文書の先頭領域を規定します |
<マーク> | マークと定義されたテキスト。 |
<メーター> | 度量衡の定義。 知られている唯一の最大値と最小値を測定するために使用されます。 |
<ナビゲーション> | ナビゲーションリンクのセクションを定義します。 |
<進捗> | 定義されたスケジュールタスクの任意のタイプ。 |
<ルビー> | ルビ(中国語の音声または文字)の定義。 |
<Rtの> | 定義文字(中国語の音声または文字)の解釈や発音。 |
<ルピア> | ルビ注釈に表示さruby要素のブラウザをサポートしていないコンテンツを定義するために使用されます。 |
<節> | ドキュメントのセクションの定義(セクション、セクション)。 |
<時間> | 日付や時刻を定義します。 |
<WBR> | 改行を追加するための適切なテキストの規定。 |
HTML5フォーム
新しいフォーム要素、新しい属性、新しい入力タイプ、自動検証。
削除された要素
次のHTML HTML5で4.01要素が削除されました:
- <頭字語>
- <アプレット>
- <BASEFONT>
- <ビッグ>
- <センター>
- <ディレクトリ>
- <フォント>
- <フレーム>
- <フレームセット>
- <NOFRAMES>
- <ストライク>
各章の例
私たちのHTMLエディタを使用して、あなたは結果を確認するには、ボタンをクリックし、HTMLを編集することができます。
例
»をお試しください
その結果、オンライン操作を表示するには、「お試し」ボタンをクリックします。
HTML5ブラウザのサポート
サファリは、Chromeは、FirefoxやOperaの最新バージョンは、いくつかのHTML5の機能をサポートしています。 Internet Explorer 9のは、いくつかのHTML5の機能をサポートします。
HTML5のは、次の方法のIE9ブラウザ互換性のあるバージョンは、html5shivパッケージは、静的リソースにサイトを使用します。
ロードした後、新しいラベルCSSの初期化:
HTML5リファレンスマニュアル
このサイトでは、詳細に記載HTML5のタグと属性を見つけることができますクリックしてくださいHTML5リファレンスマニュアルを 。