HTML5_html5 チュートリアル スキルについて知っておくべき 28 の新機能、新テクニック、新テクノロジー

1. 新しい Doctype
を使用しても、ブラウザがこの文を理解できない場合でも、標準モード
に従ってレンダリングされます。2. Figure 要素

と

を使用してキャプション付きの画像を意味的に表現します

これは興味深いものの画像です

3. 再定義
は再定義され、著作権などの小規模な植字を意味するようになりました。ウェブサイトの下部にあるステートメント
4. リンクおよびスクリプト タグの type 属性を削除します。
5. 角括弧を追加する/省略します。
HTML5 には、属性が次でなければならないという厳密な要件はありません。閉じているかどうかに関係なく、引用符を追加しました。
6. コンテンツを編集可能にするには、contenteditable 属性を追加します。

7.入力タイプを電子メールに設定すると、ブラウザーは入力が電子メール タイプであるかどうかを検証します。もちろん、フロントエンド検証だけに依存することはできません。バックエンドにも対応する検証が必要です。
。 8. プレースホルダー
この入力属性の意味は、プレースホルダー効果を実現するために JavaScript を使用する必要がないことです
9. ローカル ストレージ ローカル ストレージを使用すると、クライアントに大きなデータの断片を永続的に保存できます (積極的に削除しない限り)。現在ほとんどのブラウザでサポートされており、使用する前に window.localStorage が存在するかどうかを確認できます

10. セマンティック ヘッダーとフッター 11.その他の HTML5 フォーム機能
12. IE と HTML5

デフォルトでは、新しい HTML5 要素はインラインでレンダリングされますが、次のメソッドを使用して、 がそれらをブロック
ヘッダー、フッターでレンダリングするようにすることができます。 、article、section 、nav、menu、hgroup {
display: block;
}
残念ながら、IE はこれらのスタイルを無視します。次のように修正できます:
document.createElement("article") ;
document.createElement("header");
document.createElement("nav"); 🎜>document .createElement("menu");

13. hgroup

は通常、


リコールファンページ

一生の思い出が欲しい人のみ

14. 必須属性

必須属性は、入力が必須かどうかを定義します。

または

15 Autofocus 属性

その意味と同じように、入力ボックスにフォーカスすることです
16. オーディオのサポート

HTML5 は タグを使用すると、オーディオをレンダリングするためにサードパーティのプラグインに従う必要がなくなりました。ただし、