この記事では、主に、HTML5と従来のHTMLの違いに関する関連情報を紹介します。これはHTML5の研究ノートです。それを必要とする友達は次のものを参照できます。 HTML5構文の変化
このナレッジポイントに記載されている変更は、主に次のように、HTML4で定義された変更を指します。
1。HTML5のファイル拡張文字（.htmlまたは.htm）は、コンテンツタイプ（テキスト/HTML）から変化しません。
2。HTML5では、意図的にバージョン宣言を使用しない場合、ドキュメントはHTMLのすべてのバージョンに適用できます。
3. HTML5から始めて、ファイルの文字エンコードにUTF-8を使用することをお勧めします。
4。HTML5は、以前のHTMLバージョンとの最大の互換性を保証します。
互換性を確保するには、要素から始める必要があります。 HTML5では、要素のタグを省略できます。その性質上、要素のマークは3つのタイプに分割されます。終了マークを書き込むことはできません。エンドマークは省略でき、スタートマークとエンドマークは省略できます。
•エンドマークの書き込みが許可されていない要素は、エリア、ベース、BR、コル......
•タグの終了：li、dt、dd、p、rt ...
•スタートマークとエンドマークは省略できます：HTML、ヘッド、ボディ...
2。新しい構造要素•セクション要素は、章、ヘッダー、フッター、またはページの他の部分など、ページ内のコンテンツブロックを表します。
•記事要素は、ブログの記事や新聞の記事など、コンテキストに関連していないページ内の独立したコンテンツを表します。
•脇の要素は、記事要素の内容の外側の記事要素の内容に関連する補助情報を表します。
•ヘッダー要素は、コンテンツブロックのタイトルまたはページ内のページ全体を表します。
•hgroup要素は、ページ全体のタイトルまたはページ内のコンテンツブロックを組み合わせるために使用されます。
•フッター要素は、ページ全体の脚注またはページ内のコンテンツブロックを表します。一般的に言えば、作成者の名前、作成日、および作成者の連絡先情報が含まれます。
•NAV要素は、ページのナビゲーションリンクの部分を表します。
•図要素は、ストリームコンテンツの独立したセクションを表し、一般にドキュメント本体のストリームコンテンツの独立したユニットを表します。 Figcaption要素を使用して、フィギュア要素グループにタイトルを追加します。
2。その他の新しい要素•オーディオ要素は、音楽やその他のオーディオストリームなどのオーディオを定義します。
•埋め込まれた要素は、さまざまなマルチメディアを挿入するために使用され、形式はMIDI、WAV、AU、MP3などです。
•マーク要素は、ユーザーに強調表示または強調表示される必要がある視覚的に提示するテキストに使用する必要があります。典型的なアプリケーションは、検索結果の検索キーワードをユーザーに強調することです。
•Progress Elementは、実行プロセスを表します
•Ruby要素はRuby Annotation（中国の発音または文字）を表します
•RT要素は、文字の解釈または発音を表します（中国の発音または文字）
•RP要素はRubyコメントで使用され、Ruby要素をサポートしていないブラウザに表示されるものを定義します。
•WBR要素はソフトラインブレークを表し、幅が十分でない場合は、ここで積極的にラインブレークを実行します。
•キャンバス要素は、チャートやその他の画像などのグラフィックを表します
•Cammand要素は、ラジオボタン、チェックボックス、ボタンなどのコマンドボタンを表します。
•詳細要素は、ユーザーが要求して取得できる詳細を表します。
•Datagrid要素は、ツリーリストの形式で表示されるオプションのデータのリストを表します
•keygen要素はキーの生成を示します
•出力要素は、スクリプトの出力など、さまざまなタイプの出力を表します
•ソース要素は、メディア要素のメディアリソースを定義します（<video>や<audio>など）
•メニュー要素はメニューリストを表します
3。新しい入力要素•電子メールタイプe-Mainアドレスを入力する必要があるテキスト入力ボックスを示します
•URLタイプは、URLアドレスに入力する必要があるテキスト入力ボックスを示します
•番号のタイプは、入力する必要があるテキスト入力ボックスを示します
•範囲タイプは、特定の数値の範囲内に入力する必要があるテキスト入力ボックスを示します。
HTML5には、日付と時間を選択するためのいくつかの新しい入力テキストボックスがあります。
•日付 - 日、月、年を選択します
•月 - 月と年を選択します
•週 - 週と年を選択します
•時間 - 時間（時間と分）を選択します
•DateTime -Time、Day、Month、Year（UTC Time）を選択
•dateTime.local-時間、日、月、年（現地時間）を選択する
3。要素を廃止する1。CSSに置き換えることができる要素
•BaseFont、Big、Center、Font、S、Strike、TT、Uなどの要素の場合、その機能は画面を表示するために純粋に使用され、HTML5はCSSスタイルシートの画面表示関数の統合編集を提唱するため、これらの要素は廃止されます。
2.フレームフレームを使用しなくなりました•フレームセット要素、フレーム要素、およびNOFRAME要素の場合、フレームフレームワークはWebページの可用性にマイナスの影響を与えるため、フレームフレームワークはHTML5ではサポートされなくなり、IFRAMEフレームワークのみがサポートされています。
3.ブラウザでサポートされている要素の一部のみ•Applet、Bgsound、Blink、Marquee、およびその他の要素の場合、一部のブラウザのみがこれらの要素、特にInternet ExplorerによってのみサポートされているBGSoundおよびMarquee Elementsをサポートするため、HTML 5で廃止されます。アプレット要素は、ernの要素またはオブジェクト要素に置き換えることができます。
4。その他の廃止された要素：•RB要素を廃止し、Ruby要素を使用してそれを置き換える
•頭字語要素を廃止し、ABBR要素を使用してそれを置き換える
•dir要素を廃止し、UL要素を使用してそれを置き換える
•ISINDEX要素を廃止し、フォーム要素と入力要素に置き換えます。
•リスト要素を廃止し、事前要素を使用してそれらを置き換える
•XMP要素を廃止し、コード要素を使用してそれを置き換える
•次の要素を廃止し、代わりにガイドを使用します
•プレーンテキスト要素を廃止し、テキスト/プリアンマイムタイプを使用して置き換えます
4.属性の追加および廃止属性1。属性の追加
1。フォーム関連属性
•属性を指定して画面を開くと、要素が自動的にフォーカスを獲得できるようにするオートフォーカス属性が追加されました。
•ユーザーの入力を促すプレースホルダー属性を追加し、ユーザーに入力できるものを促します。
•新しいフォーム属性を追加し、フォームに属するフォームを宣言し、フォーム内ではなくページのどこにでも配置します。
•必要な属性を追加しました。つまり、ユーザーが送信時にチェックします。チェックするときは、要素に入力コンテンツが必要です。
2。リンク関連属性•メディア属性を追加します。これは、ターゲットURLがタイプのメディア/デバイスによって最適化され、HREF属性が存在する場合にのみ使用できる理由を指定します。
•hreflang属性とREL属性を追加して、A要素とリンク要素との一貫性を維持します。
3。その他の属性•属性牧師。逆に表示されるリストを指定します。
•スクリプト要素に非同期属性を追加します。これは、スクリプトが非同期に実行されるかどうかを定義します。
2。属性を廃止します•CSSスタイルのシートに置き換えることができるすべての属性は廃止されます。
•ターゲット、プロファイル、バージョンなどの余分な属性は廃止されます。
5。グローバル属性HTML5では、「グローバル属性」という新しい概念が追加されています。いわゆるグローバル属性とは、任意の要素で使用できる属性を指します。
1。満足しているプロパティ•このプロパティにより、ユーザーは要素のコンテンツを編集し、マウスフォーカスを取得できます。プロパティはブール値であり、真またはfalseとして指定できます。さらに、このプロパティには隠された継承ステータスもあります。本当の場合、編集が許可されます。 falseの場合、編集は許可されていません。指定されていない場合、承認は決定します。
2。デザインモードプロパティ•このプロパティは、ページ全体が編集可能かどうかを判断するために使用されます。オンとオフの2つの属性があります。プロパティがオンになっている場合、編集できますが、オフになったら編集できません。
3。隠された属性•すべての要素は、入力要素の隠された要素に似た隠された属性を許可します。その機能は、要素が見えないように、ブラウザに要素をレンダリングしないように通知することです。このプロパティの値はブール値です。真実の場合、それは見えません、そして偽りの場合、それは見えます。
4。スペルチェック属性•このプロパティは、HTML 5が入力要素（Type = Text）およびTextareaのために提供する新しいプロパティであり、主にユーザー入力コンテンツのスペルと文法チェックを実施しています。属性値はブール値です。書くときは、属性値がtrueまたはfalseであることを明確に宣言する必要があります。ライティング方法は次のとおりです。
<！ - 次の2つの執筆方法が正しい - > <TextArea SpellCheck = true> <入力タイプ=テキストスペルチェック= false> <！ - 次の2つのライティング方法が間違っています> <Textarea SpellCheck>
フォーム属性の詳細な説明HTML4では、形式の下位要素をフォーム内に記述する必要がありますが、HTML5ではページ上のどこにでも書き込むことができ、フォーム属性が要素に与えられ、属性値はフォームユニットのIDであるため、要素は指定されたフォームに従属することができます。
コードをコピーします