セマンティックマークアップが必要

Question

学生/従業員情報のようなデータのための最も意味のある、アクセシブルなマークアップとは何ですか？

名前（最初+最後）、住所、誕生日、電話番号、メールアドレス、ウェブサイト、メジャー、マイナー、高校、父親の名前、母親の名前などの情報を表示するページがあります

これはデータのリストではないため、表形式のデータではありません。これは、1人の個人/オブジェクト/学校/会社に関する情報です。

1行、2行または3列の混在レイアウトで表示されます。 例

 
name 
phone number | email | website 
------------------------------ 
section title 
major | minor 
current gpa | last semester gpa 

section title 
------------------------------ 
father | mother 
school | college 

私は事業部+ DLを使用してのことを考えたが、アクセシビリティのためにやり過ぎ思われました。

<div> 
    <h3>Title</h3> 
    <div class="row"> 
    <dl> 
     <dt>Major</dt> 
     <dd>Computer Science</dd> 
    </dl> 

    <dl> 
     <dt>Minor</dt> 
     <dd>Math</dd> 
    </dl> 

    </div> 
</div> 

Answer 1

は、「セマンティック」という単語のための奇妙なセマンティクスを使用して、おそらく場合を除き、HTMLでそのような情報のためのセマンティックマークアップはありません。しかし、それは、2列のテーブルとして編成することができ、データは、表形式である列にプロパティ名、別の列にプロパティ値、表や説明リストなどを使用するかどうかは、デフォルトのレンダリングの許容性とスタイルの容易さに依存します。

dlを使用する（これは定義のリストではありません）HTML 4の定義によって間違っているが、HTML 4は、この問題では自己矛盾している、そして実用的なビュー（およびHTML5ビュー）がdlだけであるということです名前と値のペアのリストあなたがそれを使用することに決めたら、おそらく単一のdl要素を持つことが最も簡単で、そのようないくつかのペアを含んでいます。

ただし、項目を見出しで区切る場合は、見出しに見出しのマークアップを付け、それぞれに1つの表またはdlという要素を付けた方がよいでしょう。

Answer 2

マイクロフォーマットftw。あなたはulを使用しますが、dlを使用することはできますが、それは本当に特権です。リストを使用することは、ほぼ何でも意味をなさないように意味がありますが、あなたの意見です。学生用にhcard microformatを使用することができます。彼の成績とメジャーのために....私は本当によく分からない。私は100％がマイクロフォーマットを信じてサポートしていますが、グレーの領域がいくつかあります。あなたは自分の意思決定をすることができます。あなたは両親（rel = "親"）にxfnを使うことができますが、大事なことはあなた次第です。 ref：http://microformats.org