W4D - 詳細說明

第3條. 結構

當設計製作網頁時,設計師確保他們的語法及結構在所寫置標和代碼中都要得到良好體現。

語義標籤在文檔中協助定位,在自動處理方面也非常有用。如果我們不按標籤原始用途正確使用,或者不管文檔結構任意使用的話,所有經文檔傳播的語義資訊都會丟失,而結構化帶來的好處也變的沒有意義了。

讀者在開始閱讀內容之前,有可能有些需要知道的資訊。

細節:代碼應該遵循這樣的資訊順序:開場 - 聲明 - 其他資訊。

訪客訪問站點的唯一原因就是我們提供的資訊。其他資訊必須處於主要內容之後,對訪客而言他們首先感興趣的是主要內容,然後才會關心其他的東西。如果第一眼沒有看到主要內容,訪客對頁面的其他部分也就索然無味了。

細節:哪怕通篇文章只使用了一次標題,前言也要開門見山。此外,它包含的資訊能夠方便理解文章的意思和聯繫上下文。跟前言和主要內容不相關的東西都應該放到最後面。

必要的資訊應該在主要內容之前就該出現,事實上,如果可能,就把主要內容放到必要資訊的下面。那些必要資訊可以確認檔的內容, 或把它置入周圍檔的上下文中。上層標題通常起到這個作用。通常而言,標題就是檔的名字,在檔中也只能使用一次。

其他的一些容易被理解和使用的檔也可以放到前言中。比如一個指向檔內容的鏈結,一個多語種版本的鏈結,一個其他頁面佈局的鏈結(例如樣式表)等等。一切讀者不需要知道的東西都不必在開始出現。

用樣式表可以改變頁面的佈局。本段的目標主要是想陳述頁面的開端是多麼重要。

網頁的主體部分不應該包含與無用的語法或者資訊有關的置標數值,也不要包含任何僅僅是為了突出視覺效果的內容。

檔中不要使用非語義標記。設計師必須假定文檔介紹的任何可能方式。視覺特徵可以由級聯樣式或者腳本來構成,可以使用<div><span> 這種“中立”標籤,因為它們沒有語義歧義或者有關的意思

細節:網頁主體一定不要包含媒體物件或者圖片,或者那些與有關資訊等價的描述文本(這也是介紹的唯一目的)。

圖表佈局中的圖片如果與所述資訊沒有任何關係,那麼必須在文檔中去除。它們可以用於級聯樣式的顯示。只有當為了表達圖表介紹時,圖片中才可能包含一些文本,而且顯示的一定不能是文檔傳達過的文字。