HTML5、スーパーテキストマーク言語(HTML)の5番目の主要な変更。
HTML5には、新しい要素、属性、および動作が含まれており、Webサイトをより多様で強力にするために使用できる一連のテクノロジーも含まれています。
新機能は一度に利用できませんが、HTML4.01(1999)の定式化の後、この期間中は絶えず変化しており、最終原稿が確定しています。
HTML5標準は以前のWebページを破壊することはなく、HTML4.01規格を満たすWebページはHTML5でまだ効果的です。
標準URL:https://www.w3.org/tr/html5///
修正された原稿時間:2014年10月28日
コンテンツ以前のHTML4.01と比較して、HTML5は大幅に増加しています。
①新しいセマンティック要素:<portion>、<astafer>、<figure>、<figcaption>、<footer>、<header>、<hgroup>、<nav>、<section>など。
②新しい要素の特性:新しい要素属性、テーブルユニット要素、検証関数などを増やします。
multimedia:<audio> audio、<video>ビデオ要素、その他のコンテンツを追加します。
④2D/3D図面:<canvas>描画要素を追加します。
⑤ストレージ:オンラインおよびオフラインのストレージ機能を増やします。
connectivity接続:クライアントの2つのコンテンツの増加サーバーとの対話:Webソケット(クライアントとサーバーの耐久性のある接続)とサーバーシートイベント(サーバープッシュデータ)など。
統合:Webワーカー、履歴API、RequestAnimationFrame、地理的位置などの強力な機能を提供します。
deviceデバイスアクセス:カメラとモバイルデバイスのサポートを提供します。
CSS3スタイル:新しいバックグラウンドスタイルの特性、アニメーション、ボーダー、その他のスタイルを提供します。
ブラウザのサポート各主流ブラウザは、HTML5とは異なります。その中で、IEは9番目のバージョンからHTML5をサポートする機能です(HTML5のすべての関数ではありません)。
HTML5の関数が各ブラウザによってサポートされていることを知りたい場合は、http://caniuse.com/にログインしてクエリを使用できます。
<umio>要素を例として、各ブラウザのサポートを表示できます。
HTML5ページを作成しますページからHTML5の変更を紹介します。
<!doctype>ドキュメントタイプの宣言従来のHTMLページの最初の行は、ブラウザの形式とレイアウト表示ページに関連する特定のドキュメントタイプステートメントでなければなりません。
HTML4.01はSGML(標準のユニバーサルラベル言語)に基づいています。
HTML5はSGMLに基づいていないため、DTDは必要ありません。
html4.01ページ:[code] <!
HTML5ページ:<!doctype html><html>タグ
命名スペースを設定します
<html>のxmlns属性は、xmlns属性が1つ以上のオプションの名前のスペースを定義できます。ブラウザは、属性があるページの要素にこの命名スペースを使用します。
この属性が省略されている場合、デフォルトはhttp://www.w3.org/1999/xhtmlに置き換えられます。
ページ言語を設定します<html>ラベルのlangプロパティは、次のようなページの自然言語を指定できます。例:
<html leng = zh-cn> </html><Meta>タグ設定文字エンコード
<Meta>検索エンジンのキーワードなど、メタ情報を提供できます。
その中で、Charset属性はページの文字コードを定義し、ページのテキストコンテンツをディスプレイ中に指定されたエンコード形式に変換できます。
Webデザインで希望するUTF-8:
<head> <メタcharset = utf-8/> <title>ページタイトル</title> </head>引用スタイルテーブル
以前のHTML4.01と比較して、HTML5は参照スタイルのテーブルの場合、type = text/cssプロパティを省略します。
<head> <Meta charset = utf-8/> <title>ページタイトル</title> <link r = styleSheet href =/styles/site.css> </head>JavaScriptファイルを引用します
HTML5では、JavaScriptファイルを引用すると、type = text/javaScript属性が省略されています。
<head> <Meta charset = utf-8/> <title>ページタイトル</title> <スクリプトsrc =/scripts/jqury-1.7.2.js> </head> </head>全ページの例
以下は完全なHTML5ページです。
< /scripts/jquery-1.7.2.js> </script> </head> <body> <p>ボディエリア</p> </body> </html>