2013-09-29 66 views
1

我正在爲一家公司構建網站。HTML5語義標記最佳實踐

在nav標籤的下面,我需要放置一個帶有顯示公司一些成就的圖像的傳送帶。

我應該使用什麼語義標籤,部分,文章或div?我應該使用數字來表示輪播中的每個圖像嗎?

旋轉木馬下面,他們是3個更多的圖像與公司的合作伙伴的標誌。這部分有一個標題。

在他們下面,我有3個圖像水平放置,顯示公司提供的服務。這部分也有一個標題。

我應該爲圖像部分使用什麼語義標籤,並且應該爲每個圖像使用圖形?

回答

1

您使用的語義標籤太多無關緊要。我會將旋轉木馬包裝在章節標記中。我會爲每張圖片使用數字。那麼你也可以使用figcaption,如果你需要一個。

至於旋轉木馬下面的圖片,我會再次使用一個部分標籤,在這部分裏面,我會在每個裏面有3個文章標籤。在CSS中給每一個寬度:33%和一個diaplay:內聯;和浮動:左。

對於標題文本將它放在第一篇文章和text-align:center之前。

+0

語義標籤的目的是取代無意義的div所有的地方,所以通過使章節內的文章更容易遵循,看起來更加結構化。 –

+0

感謝您的評論!我不知道是否用圖標將圖像包裹在旋轉木馬中是最好的方法,因爲它在任何文本中都沒有引用(該頁面不包含任何文本)。另外,如果傳送帶圖像是數字標籤,爲什麼我應該將圖像放在文章標籤的圖庫中而不是圖標記中? – Programmer

+0

請參閱http://getbootstrap.com/javascript/#carousel傳送帶。那麼我會讓他們在文章中,所以我可以設置每個寬度等,你可以把圖中的文章標籤。 –