H5の28の非常に重要な新機能、新技術、新技術を詳しく解説

HTML5 には多くの新機能があります。非常に良いコードです。参考までにまとめてみましょう。1. 新しい Doctype
たとえブラウザがこの文を理解できなくても、レンダリングには標準モードに従います
は、キャプション付きの画像を意味的に表現するために

を使用します

3. ;

は再定義され、Web サイトの下部にある著作権ステートメントなどの小さなタイポグラフィーを表すために使用されます

4. リンクおよびスクリプト タグの type 属性を削除します
5.括弧
HTML5 では、閉じているかどうかにかかわらず、属性を引用符で囲む必要はありませんが、引用符と終了タグを追加することをお勧めします
6。
入力タイプを電子メールに設定し、ブラウザーが入力が電子メールタイプであるかどうかを検証する場合、もちろん、フロントエンド検証だけに依存することはできず、バックエンドにも対応する検証が必要です
8。プレースホルダー
この入力属性の意味は、プレースホルダー効果を実現するために JavaScript を使用する必要がないことです

9. ローカル ストレージ
ローカル ストレージを使用すると、(アクティブに削除されない限り) 大きなデータの断片をクライアントに永続的に保存できます。現在、ほとんどのブラウザはすでにサポートしており、使用する前に window.localStorage が存在するかどうかを確認してください
11. その他の HTML5 フォーム機能
デフォルトでは、新しい HTML5 要素はインラインでレンダリングされますが、次のメソッドは ブロック モードでレンダリングします header、footer、article、section、nav、menu、hgroup {
display: block
} 残念ながら、IE はこれらを無視しますスタイルを変更する場合は、次のように修正できます。
document.createElement("header");
document.createElement("hgroup"); document.createElement("nav");
document.createElement("menu");
13. hgroup

は通常、

<header> 
<hgroup> 
<h1> Recall Fan Page </h1> 
<h2> Only for people who want the memory of a lifetime. </h2> 
</hgroup> 
</header>

などのヘッダーで使用されます。属性

required 属性は、入力が次のように宣言できるかどうかを定義します。 必要に応じて、次のように宣言できます
または

15. Autofocus 属性
意味の通り、入力ボックスにフォーカスすることです
;

16. HTML5 によって提供されるオーディオ サポート

<audio autoplay=”autoplay” controls=”controls”> 
<source src=”file.ogg” /><!–FF–> 
<source src=”file.mp3″ /><!–Webkit–> 
<a href=”file.mp3″>Download this file.</a> 
</audio>

などを指定する必要があります。 ビデオのサポート

オーディオと同様に、