2012-05-14 37 views
1

對於學生/員工信息等數據,最好的語義和可訪問標記是什麼。需要語義標記

我有一個頁面,我要像 名(第一+最後),地址,生日,電話號碼,電子郵件,網址,主要,次要,學校高,父親的名字,母親的名字等

顯示人信息

這不是表格數據,因爲這不是數據列表。這是關於只有一個人/對象/學校/公司的信息。

它可以以一列,兩列或三列混合佈局呈現。 例如

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

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

我想使用DIV + 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> 

回答

0

有在HTML這樣的信息沒有語義標記,但是使用了這個詞奇怪的語義也許當「語義」。但數據表格,因爲它可以組織成兩列的表,屬性名稱在一列中,屬性值在另一列中。無論您使用表格還是描述列表或其他內容,都應該取決於默認渲染的可接受性和樣式的簡易性。

使用dl是由HTML 4定義錯誤(這不是定義列表),但HTML 4是自相矛盾的在這個問題上,與現實視圖(和HTML5視圖)是dl僅僅是一個名稱/值對列表。如果您決定使用它,則可能最簡單的方法是擁有一個dl元素,其中包含多個此類對。

但是,如果項目要用標題分隔,那麼最好對標題有標題標記,並且每個標題之後有一個表格或一個dl元素。

0

microformats ftw。你可以使用dl,雖然我會使用ul,但它確實是特權;它是有道理的,就像使用列表幾乎任何東西都有意義,但它確實是你的意見。您可以爲學生使用hcard微格式。因爲他的成績和專業....我不確定;我100%相信並支持微格式,但有一些灰色地帶。你可以做出自己的決定..你可以爲父母使用xfn(rel =「parent」),但是專業又取決於你。 ref:http://microformats.org