2.9.1 HTML 5とHTML 4の違い
3203 ワード
2.9.1 HTML 5とHTML 4の違い
HTML 5が発売された理由は、Web上に存在するgeの様々な問題を解決する:1.Webブラウザ間の互換性が低い.ドキュメントの構造が明確でない3.Webアプリケーションの機能が制限されています
文法の変更:1.コンテンツの種類:拡張子は変更されません.DOCTYPE声明:3.文字コード4を指定する.タグを省略できる要素:5.boolean値を持つ属性6.引用符を省略
2.9.2新しい要素と廃止された要素
新しい構造要素:section、article、aside、header、hgroup、footer、nav、figure
追加の要素:video、audio、embed、mark、progress、meter、time、ruby、rt、
新しいinput要素のタイプ:email、url、number、range、Date Pickers、、、、、、、、
廃止された要素:1.CSSの代わりに使用できない要素:basefont、big、center、font、s、tt、u、
2.frameフレームは使用できません
新しい属性と廃止された属性:
1.フォーム関連
2.リンク関連
3.その他
廃止された属性
2.10.1グローバル属性
1.conntentEditable:(boolean)マウスクリックで編集
2.defignMode:
3.hidden:(boolean)この要素はレンダリングされません.この要素は表示されません.
4.spellcheck:スペル、文法チェック
5.tabindex:tabでフォーカスを巡回
2.10.1 article要素:独立した完全な外部参照可能な内容を表す
1.ネスト可能2.プラグインを表すために使用できます
2.1.2 section要素:Webサイトまたはアプリケーションのページ上のコンテンツをブロック化します.
1.コンテナ要素が直接スタイルを定義したり、スクリプトで動作を定義したりする場合は、sectionではなくdivを推奨します.
2.タイトルのないコンテンツ領域ブロックにsection要素を使用しないでください.
3.article要素は特殊なsection要素と見なすことができ、section要素よりも独立性を強調し、section要素はブロックを強調し、1つの内容が比較的独立して完全である場合、article要素を優先的に使用し、1つの内容をいくつかのブロックに分け、section要素を使用する.
2.0.3 nav要素:ページナビゲーションの接続グループとして使用できます.ナビゲーション要素は、他のページまたは現在のページの他の部分にリンクされています.
主な基本的な接続グループをnav要素に入れればいいです.
適用シーン:従来のナビゲーションバー、サイドバーナビゲーション、ページ内ナビゲーション、ページ移動ナビゲーション
注意事項:marquee要素をナビゲーションしないでください.marquee要素は一連のコマンドを発行するメニューで使用され、インタラクティブな要素であり、webアプリケーションで使用されます.
2.10.4 aside要素:現在のページまたは記事を表す付属情報部分であり、現在のページまたは主要コンテンツに関連する参照、サイドバー、広告、ナビゲーションバー、および主要コンテンツとは異なる他の類似の部分を含むことができる.
2.10.5 time要素とマイクロフォーマット
pubdate:オプションで、article要素のtime要素で、文章またはWebページの公開日を表すブールタイプ属性
HTML 5が発売された理由は、Web上に存在するgeの様々な問題を解決する:1.Webブラウザ間の互換性が低い.ドキュメントの構造が明確でない3.Webアプリケーションの機能が制限されています
文法の変更:1.コンテンツの種類:拡張子は変更されません.DOCTYPE声明:3.文字コード4を指定する.タグを省略できる要素:5.boolean値を持つ属性6.引用符を省略
2.9.2新しい要素と廃止された要素
新しい構造要素:section、article、aside、header、hgroup、footer、nav、figure
追加の要素:video、audio、embed、mark、progress、meter、time、ruby、rt、
新しいinput要素のタイプ:email、url、number、range、Date Pickers、、、、、、、、
廃止された要素:1.CSSの代わりに使用できない要素:basefont、big、center、font、s、tt、u、
2.frameフレームは使用できません
新しい属性と廃止された属性:
1.フォーム関連
2.リンク関連
3.その他
廃止された属性
2.10.1グローバル属性
1.conntentEditable:(boolean)マウスクリックで編集
2.defignMode:
3.hidden:(boolean)この要素はレンダリングされません.この要素は表示されません.
4.spellcheck:スペル、文法チェック
5.tabindex:tabでフォーカスを巡回
2.10.1 article要素:独立した完全な外部参照可能な内容を表す
1.ネスト可能2.プラグインを表すために使用できます
:
Hello,
:
2.1.2 section要素:Webサイトまたはアプリケーションのページ上のコンテンツをブロック化します.
1.コンテナ要素が直接スタイルを定義したり、スクリプトで動作を定義したりする場合は、sectionではなくdivを推奨します.
2.タイトルのないコンテンツ領域ブロックにsection要素を使用しないでください.
3.article要素は特殊なsection要素と見なすことができ、section要素よりも独立性を強調し、section要素はブロックを強調し、1つの内容が比較的独立して完全である場合、article要素を優先的に使用し、1つの内容をいくつかのブロックに分け、section要素を使用する.
2.0.3 nav要素:ページナビゲーションの接続グループとして使用できます.ナビゲーション要素は、他のページまたは現在のページの他の部分にリンクされています.
主な基本的な接続グループをnav要素に入れればいいです.
適用シーン:従来のナビゲーションバー、サイドバーナビゲーション、ページ内ナビゲーション、ページ移動ナビゲーション
注意事項:marquee要素をナビゲーションしないでください.marquee要素は一連のコマンドを発行するメニューで使用され、インタラクティブな要素であり、webアプリケーションで使用されます.
2.10.4 aside要素:現在のページまたは記事を表す付属情報部分であり、現在のページまたは主要コンテンツに関連する参照、サイドバー、広告、ナビゲーションバー、および主要コンテンツとは異なる他の類似の部分を含むことができる.
1.
2. : : , , 。。
2.10.5 time要素とマイクロフォーマット
T T ,
Z UTC
+。。。
pubdate:オプションで、article要素のtime要素で、文章またはWebページの公開日を表すブールタイプ属性
time, pubdate