HTML5学習メモ簡潔版(9)：要素と属性の変更

黄舟

リリース： 2017-01-21 17:07:24

オリジナル

1353 人が閲覧しました

変更された要素

HTML5 での次の要素の使用方法は、Web でより適切に使用したり、より大きな役割を果たすために、わずかに変更されました:

href 属性のない a 要素は、プレースホルダーとして表示され、 a 要素はフローコンテンツタイプ要素 (例:article、input、span など) をサポートするようになりました。

address は、article、side、nav、section ごとにスコープを設定できます。以前は、グローバルスコープにのみ適用できました。

b 要素は、スタイル的にのみ目立つテキストとして記述され、通常の記事では追加の重要性は含まれません。例: 文書の概要内のキーワード、コメント内の製品名。または強調を表す組版方法。さらに、HTML5 仕様に従って、タイトルテキストには

から

、強調テキストには、重要なテキストには、マークハイライトされたテキストにはを使用する必要があります。、その他の側面のみを使用します。

引用は、序文を示すために使用されます。いわゆる序文は、書籍、レポート、またはその他の出版された情報源への参照です。このタグを使用して、書籍や雑誌のタイトルなどの参照への参照を定義できます。HTML4 ではこの意味 (人名) は適用されなくなります。

dl 要素は、複数の名前と値を含むグループとして表現され、HTML4 の本来の意味だけで表現されるものではなくなりました。

head 要素にオブジェクトのサブ要素を含めることはできなくなりました。

hr 要素はコンテンツ内のテーマの変更を定義し、単なる水平線ではなく水平線として表示されます。

i 要素は、通常の記事のさまざまな意見や論調などを強調するテキストとして記述されるようになりました。たとえば、分類名、専門用語、外国語のことわざ、アイデアなどです。または、斜体の組版メソッド

label 要素を表すと、基礎となるプラットフォームのユーザーインターフェイスが標準化されない限り、ブラウザーはフォーカスをラベルからコントロールに移動しなくなります。

メニュー要素が再定義され、ツールバーやコンテキストメニューでより使いやすくなりました。

s 要素でマークされたコンテンツは正確で重要ではないため、の使用はお勧めできません。

small 要素は、小さなテキストとして欄外をレンダリングします。免責事項、注意事項、法的制限、または著作権に関する記述は、多くの場合小さなテキストとして特徴付けられます。小さなテキストは、ニュースソースやライセンス要件にも使用されることがあります。 small 要素は、em 要素によって強調されているテキスト、またはstrong 要素によって重要であるとマークされているテキストの重要性を弱めたり、重要性を低下させたりしません。

強い要素は、強調テキストではなく、より強いトーンの重要テキストとして表現されます。

u 要素は下線を表し、内容は曖昧なテキスト、または間違っているが表示する必要があるテキスト、または固有名詞 (中国語の語彙など) です。

変更された属性(Attribute)

4.0で制限されていたli要素のvalue属性が再度有効になりましたが、HTML5ではこの属性が再び使われるようになり、ol start属性も再度有効になりました。注: value 値はインデックス値のみであり、並べ替え値ではありません。

例:
<figure> <figcaption>The top 10 movies of all time</figcaption> <ol> <li value="10"><cite>Josie and the Pussycats</cite>, 2001</li> <li value="9"><cite>Црна мачка, бели мачор</cite>, 1998</li> <li value="8"><cite>A Bug's Life</cite>, 1998</li> <li value="7"><cite>Toy Story</cite>, 1995</li> <li value="6"><cite>Monsters, Inc</cite>, 2001</li> <li value="5"><cite>Cars</cite>, 2006</li> <li value="4"><cite>Toy Story 2</cite>, 1999</li> <li value="3"><cite>Finding Nemo</cite>, 2003</li> <li value="2"><cite>The Incredibles</cite>, 2004</li> <li value="1"><cite>Ratatouille</cite>, 2007</li> </ol> </figure>
ログイン後にコピー
上記のコードは、ol 要素の reversed 属性を使用して実装することもできます:
<figure> <figcaption>The top 10 movies of all time</figcaption> <ol reversed> <li><cite>Josie and the Pussycats</cite>, 2001</li> <li><cite>Црна мачка, бели мачор</cite>, 1998</li> <li><cite>A Bug's Life</cite>, 1998</li> <li><cite>Toy Story</cite>, 1995</li> <li><cite>Monsters, Inc</cite>, 2001</li> <li><cite>Cars</cite>, 2006</li> <li><cite>Toy Story 2</cite>, 1999</li> <li><cite>Finding Nemo</cite>, 2003</li> <li><cite>The Incredibles</cite>, 2004</li> <li><cite>Ratatouille</cite>, 2007</li> </ol> </figure>
ログイン後にコピー
a 要素と area 要素の target 属性は、Web プログラムで非常に役立つため、再度有効になります。 iframe で使用した場合と同様です。

スクリプトが ECMAScript に準拠している場合、またはスタイル言語が CSS である場合、script 要素と style 要素の type 属性は必要なくなりました。

table 要素の border 属性値は、「1」または空の文字列にのみ設定できます。

以下の属性の一部は引き続き使用できますが、より良い代替が推奨されます:

script 要素の language 属性は、使用する場合は「JavaScript」(大文字と小文字を区別しない) に設定する必要があり、タイプと競合することはできません。ユーザー属性。この属性は無視できます。

a 要素の name 属性については、ユーザーは代わりに id を使用できます。

img 要素とその他すべての要素の width 属性と height 属性では、値をパーセンテージ数値に設定できなくなりました。

上記は HTML5 学習メモ (9) の要約版です: 要素と属性の変更の内容詳細については、PHP 中国語 Web サイト (www.php.cn) をご覧ください。