HTML（5ish）：如何在文章中語義插入畫廊

典型文章：我想顯示的文章主要是帶有幾個嵌入式圖像或媒體文件的文本。HTML（5ish）：如何在文章中語義插入畫廊

典型圖庫：我還想顯示與文章主題（鬆散地）相關的圖庫。爲了這個問題的目的，我們假設圖庫是一個20項flickr搜索文章中使用的關鍵詞。

火車殘骸：迷你美術館應該在領先後切斷文章，文章應該繼續在迷你美術館的下面。

我錘打出來的HTML像這樣：

<div id="lead">yadda</div> 
<div id="mini-gallery">img's</div> 
<div id="paras">yadda</div>

當所有最近HTML5的興奮開始告訴我，「這是錯誤的，你在做什麼！」（引用速度賽車手的Heroku）。

所以..在一些搜索後...問題依然存在...有沒有「跟隨」DOM對象或什麼？

來源

2011-01-29 Sy Moen

這是語義的答案（？）：

<article id="feature"> 
    <header>Article Title and whatnot</header> 
    <section id="lead">Lion eats Youtube persona...</section> 
    <aside id="mini-gallery">img's</aside> 
    <section id="paras">grisly details, twitter trending of said details, etc...</section> 
</article>

的問題是，這一邊是有點「內線」，並按照我的理解，順便說一句不應該在文章中，它是勉強相關的...

無論如何，這篇文章：http://html5doctor.com/aside-revisited/似乎斷言，一邊可以嵌入到一篇文章，但不是如果它只是切向關聯。所以，我認爲有更好的選擇。

來源

2011-01-29 22:28:53

是的，在同一頁面（html5doc鏈接上面）有一個評論在這裏：http：//html5doctor.com/aside-revisited/#comment-2251其中，結合後續評論的意圖，http：///html5doctor.com/aside-revisited/#comment-5799，給出了我認爲可行的答案。有人寫得很好（或改進），我會接受答案;） – 2011-01-29 22:45:08

HTML（5ish）：如何在文章中語義插入畫廊

回答

相關問題