4 に答える
単位/値に使用em
するのは正しくありません (通常、それが適切な場合もありますが、一般的にはそうではありません)。em
要素は「その内容の強勢強調を表す」(「強勢強調の配置によって文の意味が変わる」)。
abbr
ユニットに要素を使用することは正しいでしょう (さまざまなユースケースに役立つ可能性があります)。
あなたの例では、子として使用table
しtd
ました。これは有効なマークアップではありません。そのような名前と値のペアしかない場合は、次を使用できますdl
。
<dl>
<dt>Brain weight</dt>
<dd>3.8 <abbr title="grams">g</abbr></dd>
</dl>
メジャー microformatのドラフトがあります。
data
HTML の WHATWG バージョン ("Living Standard") では、要素を見つけることができます。しばらくの間、これも W3C HTML5 ドラフトの一部でしたが、削除されました。
abbr
タグを使用してコンテキスト情報を追加し、アクセシビリティを向上させるという 3 番目のアプローチが非常に気に入っています。それは素晴らしいアイデアです。
ただし、どちらのマークアップも国際単位系の規則に完全に準拠していません。http://en.wikipedia.org/wiki/International_System_of_Unitsを参照してください。
値と単位を 1 つの空白文字で区切る必要があります。
<td>3.8 <abbr title="Grams">g</abbr></td>
HTML の測定単位や数値のマークアップはありません。そのため、何らかのマークアップが必要な場合 (たとえば、均一にスタイルを設定したり、クライアント側のスクリプトで処理したりするため)、属性span
を持つ要素を使用します。class
数値または単位、あるいはその両方、例えば
<td><span class=number>3.8</span> <span class=unit>g</span></td>
(国際基準では、数値と単位はスペースで区切られることに注意してください
。必要に応じて、改行なしスペースを使用できます)。
通常、ユニットにはマークアップは必要ありません。むしろ、有用な目的で使用できるマークアップはなくspan
、楽しみのためにマークアップを記述すると、HTML コードが読みにくくなります。
ただし、一部の解釈では、単位の記号は省略形であるため、abbr
マークアップを使用できます。これにより、デフォルトで、ほとんどのブラウザーで (下の境界線) の下に点線が表示されることに注意してください。これは、ほとんど苛立たしい機能です。それを削除するにはabbr { border: none }
、CSS で設定します。本質的に、単位の記号は省略形ではなく従来の表記法です。
title
属性、span
、 、またはその他の要素を使用するabbr
と、一部の支援ソフトウェアは、ユーザーが要求したときに属性値を表示します。また、一般的なブラウザのツールチップに表示される傾向があります。そのような「ヒント」が、一般的に知られているシンボルを邪魔するだけでなく、役立つかどうかは疑問です.
使用em
すると、原則として強調を意味することになりますが、これはほとんど適切ではなく、実際には斜体を使用することになります。国際基準では、単位の記号は決してイタリック体にしないでください。CSSでイタリックを消すことはできますが、イタリックになりがちなマークアップを使うのはおかしいです。
<abbr title="Grams">g</abbr>
以前に問題を誤解してしまったことをお詫びします...正しい答えはhtml5の前に上にあります私は意味のあるID/クラスを使用します。上記の問題に対して独自のタグを定義する利点はありません。
私を訂正してくれてありがとう。