新しいHTML5のタグと属性

DTD上のI、

HTML5は、SGMLに基づいて、それほどない参照DTD(SGMLに基づくHTML 4.01)されていません

 

二、HTML5のタグ構造

  • <ヘッダ>タグは、ページ又は頭部の領域を画定します
  • <ナビゲーション>タグ定義されたナビゲーションリンク

 

  • <セクション>タグは、領域を定義します
  • <余談>タグは、ページコンテンツサイドバー部を画定します
  • <記事>タグは、物品を定義します
  • <のhgroup>ブロック内に関する情報タグ定義ファイル
  • <図>タグは、メディアコンテンツのセットと、そのタイトルを定義します
  • <figcaption>タグは、タイトル図形要素を定義します。
  • <ダイアログ>タグは、ボックス(ボックスセッション)同様のマイクロ文字を定義します

 

  • <フッタ>タグは、ページまたは下の領域を定義します

 

三、HTML5のマルチメディア・ラベル

 

ビデオ(動画)

互換性:
  • サファリのサポートのMP4、WEBMとOGVをサポートしていません。
  • IE8(付属)は、videoタグをサポートしていません。
  • IE9は、videoタグをサポートする(だけのMP4をサポート)
< ビデオSRC = "..." 
       自動再生= "自動再生" 
       コントロール= "コントロール" 
       ループ= "ループ" = "500" 
       高さ= "500" 
       のポスター= "..." 
       ミュート>
<!-- 其中loop设置循环 poster设置封面 muted静音 -->

 

オーディオ(音声)

互換性:
  • サファリは、oggのは、サポートされていない、mp3とwavファイルをサポートしています
  • 1つの同等のHTMLの<オーディオ> </オーディオ>タグを追加するJS新しいAudiaや()
  • クロムとOperaは自動的にページ上のインタラクティブな要素を果たしていない必要とすることができ
  • 幅/高さ何の効果もない属性、あなたはそれを制御するために、スタイルのタグパターンの内部で使用する必要があります
  • 顧客の経験レベルを高めるために、あなたは、開始タグと終了タグの間で、音声、テキストを追加することができます
  • <source>要素は、メディア、メディアリソースのための標準を定義し、<source>の開始タグ、及び<ソース>タグに追加することができない単一のタグなし終了タグです。
< オーディオSRC = "..." 
       自動再生= "自動再生" 
       コントロール= "コントロール" 
       ループ= "ループ" = "500" 
       高さ= "500" >
 
出典:メディア要素(オーディオおよびビデオ)
< ビデオ自動再生= "自動再生" 
       コントロール= "コントロール" 
       ループ= "ループ" = "500" 
       高さ= "500" > 
    < ソースSRC = "..." タイプ= "ビデオ/ MP4" 
</ビデオ>
 

埋め込み:埋め込みプラグイン(オーディオおよびビデオ)

< 埋め込みSRC = "..." 
       タイプ= "オーディオ/ mp3" = "300"  
       高さ= "300"  />
  

四、HTML5 Webアプリケーションのラベル

  • MENU
    <MENU>コマンドの一覧(現在、すべての主要なブラウザでサポートされていない
    <MenuItemに> MENUコマンドリストタグ(のみFireFox8.0 +サポート)
    <コマンド>タグは、MENU上のコマンドボタンを定義します(のみIE9のサポート)

  • ステータスラベル
    <計>タグ状況(リアルタイムのステータス表示:圧力、温度)C、O
    <進捗>タグのステータス(作業手順:インストール、負荷)C、F、O

  • リストタグ
    <データリスト>タグは、F.オプションで、ドロップダウンリストへの入力を定義し、O
    <詳細>タグは、要素の詳細を定義し、要約Cを交配します

 

五、HTML5他のラベル

  • <ルビー>タグを定義した注釈や発音
  • <RP>表示するか、ブラウザのruby要素をサポートしていない人々を伝えるために
  • <RT>タグには、ルビーのためのコメントテキストの内容を定義します
  • <マーク>タグがマークされたテキストで定義されている(黄色の選択)
  • <出力>タグは、結果計算フォームイベントoninputと、出力の種類の数を定義します
  • <keygenの>タグは、生成された鍵(暗号化された情報転送)の形態で定義されています
  • <時間>タグは、日付/時間を定義し、現在、すべての主要なブラウザをサポートしていません。

 

六、HTML5は、ラベルを再定義します

(同じ表示が、式の意味は、ラベルを再定義されています)

  • <B>代表インラインテキストは、通常、太字、重要な意味が送信されていません表し
  • <i>は代表インラインテキストは、通常、斜体、重要な意味が送信されていません表し
  • <DD>テキストを含む定義され、詳細図と併せて使用することができ、ダイアログも使用することができます
  • <DT>詳細図と併せて使用することができる、概要の詳細は、ダイアログを使用することも可能
  •  
    同じディスプレイが、むしろ水平よりも、トピックの終了を表します
  • <メニュー>使用メニュー項目を持つユーザインターフェースメニュー、またはコマンドを再定義
  • <小さな>このような印刷または法的注意として、小さなプリントを表します
  • <strong>を重視するのではなく、象徴的な重要性を表しています 

 

七、新しいタイプの入力でHTML5

  • Eメール
  • URL
  • 範囲
  • 日付ピッカー:
    DATE -日、月、年を選択
    -月を選択し、年
    -週とで選択
    時間 -時間を選択します(時間と分)
    日時 -時間を選択し、日、月、年(UTC時間)
    ローカル日時 -時間、日付、月、年(現地時間)を選択
  • サーチ
  • TEL

 

八、HTML5フォームのプロパティ

  • オートコンプリート:自動的ための<form>タグ、および次のタイプの<input>タグ:
    テキスト、検索、URL、電話番号、電子メール、パスワード、datepickers、範囲、色で。
    使用方法:<フォームの自動補完= "オン" > </ FORM> またはオフ個別入力を使用して

  • オートフォーカスは:自動的にフォーカスを取得するすべての<input>タグのタイプのための
    使用法:<入力オートフォーカス=「オートフォーカス」 />

  • 複数:電子メールやファイルの種類の<INPUT>のための選択可能な値の複数の
    使用:の<input type =「ファイル」複数=「複数の」/>

  • プレースホルダ:適したタイプの<INPUT>:テキスト、検索、URL、電話 、電子メール、パスワード

  • 必要:規定は、<INPUT>タグの次のタイプのために空にすることはできません:
    テキスト、検索、URL、電話番号、電子メール、パスワード、日付ピッカー、ナンバー、チェックボックス、ラジオ、ファイルの
    使用方法:の<input type =「text」必要= "必要" />

 

九、HTML5リンクプロパティ

  • サイズ
    <リンクREL =「アイコン」HREF =「icon.gif」タイプ=「画像/ GIF」サイズ=「16×16」>
  • ターゲット
    <基本のhref =「のhttp:// localhost /を」ターゲット=「_ブランク」>
  • ハイパーリンク
    :メディア=「」(表現デバイスが最適化されている、のhandhelp「TVハンドヘルド」のための機器のサポート、テレビ「);
    :HREFLANG =」ZH「(言語を設定し、ここで言語は中国で設定)
    : REF =「外部」(ハイパーリンクが外部リンクである場合、ハイパーリンクへの参照を設定し)

 

テン、HTML5他のプロパティ

  • 延期は:あなたがロードした後にスクリプトが実行されませんが、ページ全体を読み込みが完了した後、などして、実行
    <スクリプト延期SRC =「URL」 > </ SCRIPT>
  • 非同期は:ロードされたページ全体を待たずに、すぐに実行されるスクリプトをロードした後、非同期実行に属します。
    <スクリプトの非同期SRC = "URL" > </ SCRIPT>
  • 開始 -開始値
  • -フラッシュバックアレンジメント
    < OL 開始=「10」> 
        < > HTMLの</ > 
        < >のCss </ > 
        < リチウム> JavaScriptの</ > 
    </ OL >
  • =マニフェスト「cache.manifest」(アプリケーションファイルのページをオフラインで定義されている)
    <=マニフェストHTMLを「cache.manifest」>

 

おすすめ

転載: www.cnblogs.com/Leophen/p/11125569.html