HTML (5ish): как семантически вставить галерею в статью - PullRequest
Новая
       24

HTML (5ish): как семантически вставить галерею в статью

1 голос
/ 30 января 2011

Типичная статья: я хочу отобразить статью, которая в основном представляет собой текст с несколькими встроенными изображениями или мультимедийными файлами.

Типичная галерея: я также хочу отобразить галерею изображений, которая (слабо) связана с темой статьи. Для целей этого вопроса, давайте предположим, что галерея представляет собой 20-элементный поиск по ключевым словам, которые используются в статье.

Крушение поезда: мини-галерея должна разрезать статью сразу после поводка, а статья должна продолжаться ниже мини-галереи.

Я выбил HTML так: 

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

Когда все недавние волнения в html5 начали говорить мне, "Это просто неправильно, что ты делаешь!" Итак ... после некоторого поиска ... вопрос остается ... есть ли объект "следовать из" DOM ​​или что?

1 Ответ

1 голос
/ 30 января 2011

Является ли это семантическим ответом (?): 

<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/, кажется, утверждает, что в статью может быть включено стороннее выражение, но не в том случае, если оно просто тангенциально связано.Итак, я думаю, что есть лучший вариант.

...