2013-06-26 18 views
0

我看到用於各種網絡的HTML列表,它真的讓我很困惑如何在語義上使用它們。很明顯,創建列表是爲了列出文本或鏈接,但是關於幻燈片的圖像怎麼樣,關於這種情況感覺不對?在幻燈片的HTML列表中放置圖像的語義是否正確?

<ul class="slideshow"> 
    <li><img src="http://placehold.it/480x270" alt="Slide 1"></li> 
    <li><img src="http://placehold.it/480x270" alt="Slide 2"></li> 
    <li><img src="http://placehold.it/480x270" alt="Slide 3"></li> 
</ul> 

使用這樣的div在語義上更正確嗎?

<div class="slideshow"> 
    <div><img src="http://placehold.it/480x270" alt="Slide 1"></div> 
    <div><img src="http://placehold.it/480x270" alt="Slide 2"></div> 
    <div><img src="http://placehold.it/480x270" alt="Slide 3"></div> 
</div> 

我也看到了使用list建立的窗體,我不太確定那個ether。我查看了W3C文檔,它看起來會驗證,但它在語義上是正確的嗎?

+2

如果驗證,它在語義上是正確的... – lifetimes

+0

「語義」這個詞在這樣的背景下沒有客觀的含義(相當矛盾,不是嗎?),所以這是一個民意調查而不是其他任何事情。你應該更擔心缺少「alt」屬性而不是「語義」。 (基於語音的用戶代理可能會將'ul'與'div'區別開來,但他們肯定需要'alt'文本。) –

+0

@Jukka嗯我猜我從來沒有真正將語義看作意見,但我想你是對的。 –

回答

0

這肯定是更多的語義使用了div元素的列表。只要你顯示的是'事物'列表,那麼使用列表元素就好。

3

是的。其實,我已經看到了很大的爭論,一切都是列表,因此列出了您的評論完全是語義的路要走....

的UL方法是優於DIV,因爲它提供了更多的情況下比格一樣。沒有太大的差異,但顯而易見且重要。

0

有可能不是一個問題,無論哪種方式,直到你開始進入流體或響應的設計。然後ul的想法停止有意義。

0

我認爲,無序列表是更多的語義正確。幻燈片是以不同效果顯示的事物列表。

的DIV是沒有語義標籤,所以,你會選擇什麼?

提示:請務必填寫img標籤的alt屬性。