html5 と従来の html の違いは何ですか? 新しい要素と廃止された要素は何ですか?
この記事では HTML5 と従来の HTML の違いを中心に、HTML5 の新しい要素と廃止された要素について説明します。お役に立てれば幸いです。
1. HTML5 構文の変更
このナレッジポイントで説明されている変更は、主に次の HTML4 に基づいて定義された変更を指します。 1. HTML5のファイル拡張子（.htmlまたは.htm）とコンテンツタイプ（text/html）は変更されません。
2. HTML5 では、バージョン宣言は意図的に使用されません。1 つのドキュメントが HTML のすべてのバージョンに適用されます。3. HTML5 以降、ファイルの文字エンコーディングには UTF-8 を使用することが推奨されます。
4. HTML5 は、以前の HTML バージョンとの最大限の互換性を保証します。
互換性を確保するには、要素から始める必要があります。HTML5 では、要素のタグは省略できます。具体的には、要素のタグは、「終了タグは記述不可」、「終了タグは省略可能」、「開始タグと終了タグは省略可能」の３種類に分類される。
終了タグ要素は記述できません: area、base、br、col....
すべての開始タグと終了タグは省略できます: html、head、body...
##2. 新しい構造要素
#section 要素章、ヘッダー、フッター、またはページの他の部分など、ページ内のコンテンツ ブロックを表します。 article 要素は、コンテキストに関連しないページ内の独立したコンテンツの一部を表します。 blog 記事または新聞の記事。aside 要素は、article 要素の内容以外の補助的な情報を表します。
header 要素は、コンテンツ ブロックまたは記事を表します。ページ内のページ全体 タイトル。
footer 要素は、ページ全体またはページ内のコンテンツ ブロックの脚注を表します。ページ。一般的に、作成者の名前、作成日、作成者の連絡先情報が含まれます。
nav 要素はページのナビゲーション リンク部分を表し、
figure 要素は独立したフロー コンテンツを表します。一般的にドキュメントの主な流れを表します。 コンテンツ内の独立した単位です。figcaption 要素を使用して、図要素グループ
#2 にタイトルを追加します。その他の新しい要素
audio 要素。音楽やその他のオーディオ ストリームなどのオーディオを定義します。
embed 要素は、Midi、Wav、AU、MP3 などの形式を挿入するために使用されます。
progress 要素は実行中のプロセスを表します。
ruby 要素はルビのコメント (中国語の発音表記または文字）rt 要素は文字（中国語の発音記号や文字の説明や発音）を表します。
rp 要素は、ルビ要素をサポートしていないブラウザで表示される内容を定義するためにルビのコメントで使用されます。
wbr 要素はソフト ラインの折り返しを表します。幅が足りない場合は、ここでアクティブに折り返されます。
canvas 要素は、グラフやその他の画像などのグラフィックスを表します。
cammand 要素は、コマンド ボタンを表します。ラジオ ボタンやチェック ボックスなど、ボックスまたはボタン
details 要素は、ユーザーが必要とし、取得できる詳細情報を表します。
datagrid 要素は、オプションのデータのリストを表します。ツリー リスト
keygen 要素は、生成されたキーを表します
output 要素は、スクリプトの出力など、さまざまなタイプの出力を表します。
source 要素は、メディア要素 (
HTML5 には、日付と時刻を選択するための複数の新しい入力テキスト ボックスがあります:
date ——日、月、年を選択します
week ——週と年を選択します
time ——時間 (時と分) を選択します
datetime — —時間、日、月、年 (UTC 時間) を選択します
datetime.local - 時刻、日、月、年 (現地時間) を選択します。
3. 要素を破棄します。
1.
basefont、big、center、font、s、straight、tt、u などの要素については、機能が純粋であるため、画面表示サービスに移動し、HTML5 は CSS に画面表示機能を組み込むことを推奨しています。統合編集のためのスタイルシートのため、これらの要素は廃止されました。
2. Frameset 要素、frame 要素、および noframes 要素は、使いやすさに悪影響を与えるため、フレーム フレームワークは使用されなくなりました。 HTML5 では Web ページ、フレームはサポートされなくなり、iframe のみがサポートされるか、サーバーによって作成される複数のページで構成される複合ページの形式がサポートされます。同時に、上記の 3 つの要素が廃止されます。
3. 一部のブラウザでのみサポートされる要素
アプレット、bgsound、blink、marquee などの要素は、一部のブラウザのみがサポートしているため、特に bgsound 要素と marquee 要素は Internet Explorer のみでサポートされているため、HTML 5 では廃止されました。 applet 要素は ernedd 要素または object 要素に置き換えることができ、bgsound 要素は audio 要素に置き換えることができ、marquee は JavaScript プログラミングに置き換えることができます: ##4。 #rb 要素を削除し、ruby 要素を使用します。
頭字語要素を廃止し、abbr 要素を使用して置き換えます。dir 要素を廃止し、ul 要素を使用して置き換えます。
isindex 要素を廃止し、form 要素と input 要素を組み合わせて置き換えます。
リスト要素を廃止し、pre 要素の置換を使用します。
xmp 要素を破棄し、代わりに code 要素を使用します。
nextid 要素を破棄し、代わりに GUIDS を使用します。
プレーンテキスト要素を破棄し、「text/plian」を使用します。代わりに MIME タイプ
4 。新しい属性と廃止された属性
1. フォーム関連の属性
新しいオートフォーカス属性。これにより、画面が開いたときに自動的にフォーカスを取得する要素が表示されます。 ユーザーに入力を求めるプレースホルダー属性と、ユーザーが入力できる内容を追加します。に属し、フォーム内ではなくページ上の任意の場所に配置します。
必須属性を追加しました。これは、ユーザーが送信するときにチェックされることを示し、要素には入力コンテンツが必要です。 # .....
media 属性を追加します。これは、ターゲット URL が最適化されるメディア/デバイスのタイプを指定し、href 属性が存在する場合にのみ使用できます。
a 要素および link 要素との一貫性を維持するために、hreflang 属性と rel 属性を追加します。
Attribute reverend は、リストを逆の順序で表示することを指定します。 ;
スクリプトを非同期で実行するかどうかを定義する async 属性を追加します。
2
CSS スタイル シートで置き換えることができるすべての属性は廃止されます。
ターゲット、プロファイル、バージョンなどの冗長な属性は廃止されます。
##5. グローバル属性
HTML5 では、「グローバル属性」という新しい概念が追加されました。いわゆるグローバル属性は、任意の要素で使用できる属性を指します。
この属性では、要素内のコンテンツを編集できます。この属性はブール値であり、true または false として指定できます。 、この属性は非表示の継承状態も持ちます。 true の場合、編集は許可されません。指定された場合は、継承によって決定されます。
2. designMode 属性
3. 隠し属性
すべての要素で隠し属性を使用できます。この属性は、入力要素の隠し要素と同様に、要素をレンダリングしないようにブラウザーに通知し、要素を非表示にします。属性値はブール値で、true の場合は非表示になり、false の場合は表示されます。
4. Spellcheck 属性