HTML5とCSS3の研究ノート

 

HTML5

HTML5はWorld Wide Webコンソーシアム完了(W3C)標準で2014年10月には、HTMLの第五の改正です。

HTML5をさに設計するために、モバイルデバイス上でマルチメディアをサポートしますだから、主流のブラウザは、H5(chorme、Firefoxの、サファリ、サポートオペラ)IE9 のサポートH5(選択的サポート)が、IE8をし、以下のサポートされていません。

HTML5は、ユーザーが対話し、文書どのように変更:絵画用キャンバスビデオ、オーディオ、:マルチメディア

:HTML5は、他の新機能追加の意味的な機能、ローカルストレージ機能、ウェブマルチメディア、2D3D、特殊効果(トランジション、アニメーション)

比較的H4 H5:増加し、削除、ページの構造を、コードがより簡潔です

 


 

セマンティックプロパティ

セマンティックタグを追加

IE9ブロック要素は、現時点で唯一の要素に要素レベルでブロックする必要が有効になり、高さの設定で得られた、行レベルの要素に解決されます。

IE8は、以下の方法で解決することができるセマンティックタグをサポートしていません。

方法1:手動でラベルを作成します。

<スクリプト>
     / * 手動でラベルを作成し、ラベルの種類がブロックレベルに変換するために、デフォルトのラインレベルである* / 
    のdocument.createElement(「ヘッダ」);
 </ SCRIPT>

第二の方法:導入html5shiv.min.jsは、互換性の実現します

 


 

新しいプロパティ

新しいタイプの属性

Eメール - Eメール:@は、要件とサーバーのアドレスが含まれています

電話 - TEL:ポップアップ数値キーパッドを携帯側で、ユーザーを制限番号を入力します

ウェブサイト - URL:唯一の有効なURLの要件を入力できることを確認含まれます。http://

数 - 数:数値のみ(小数点を含む)、他の文字の入力、最大最小値は設けられていてもよいです

商品名 - 検索:あなたはよりパーソナルな入力体験を提供することができます

レンジ - レンジ

カラーピッカー - カラー

日付別:

時間 - 分、秒

data - 年月日

datatime - ほとんどのブラウザは、Safariのサポートをサポートしていません。

datatime - ローカル - 日付+時間

月 - 月

週 - 週

その他の新しいプロパティ

プレースホルダ:ヒントプレースホルダ

オートフォーカス:自動利得焦点

オートコンプリート:自動的に。オン開き、オフを閉じました。二つの条件を使用します。1、2が正常に送信された、現在の要素は、name属性を持っている必要があります

必要に:要件を入力する必要があります

パターン:正規表現の検証

複数:複数の選択肢は、一般的にファイルやメールボックスの塗りつぶしをアップロードするために使用します

 

 

おすすめ

転載: www.cnblogs.com/chengl062/p/11320444.html