Форум Сайтостроение Веб-строительство

section и aside вопрос по HTML5

nabusi
На сайте с 19.04.2009
Offline
30
nabusi
1408

Уважаемые веб программисты подскажите пожалуйста как правильнее использовать aside и section в данном случаи.

допустим есть основной контент страницы : 

<section id="content">

  <article>

    <header>

      <h1>Заголовок статьи</h1>

      <time datetime="2013-03-01">1 Марта 2013</time>

    </header>    

    <p>Тело статьи</p>

  </article>

</section>

и есть sidebar, как правильнее сделать вариант A: 

<section id="sidebar">

  <aside>

    <h2>Последнии статьи</h2>

    <ul>

      <li><a href="/">Линк №1</a></li>

      <li><a href="/">Линк №2</a></li>

      <li><a href="/">Линк №3</a></li>

      <li><a href="/">Линк №4</a></li>

    </ul>

  </aside>

  

  <aside>

    <h2>Лучшие статьи</h2>

    <ul>

      <li><a href="/">Линк №1</a></li>

      <li><a href="/">Линк №2</a></li>

      <li><a href="/">Линк №3</a></li>

      <li><a href="/">Линк №4</a></li>

    </ul>

  </aside>

</section>

или вариант B: 


<aside id="sidebar">

  <section>

    <h2>Последнии статьи</h2>

    <ul>

      <li><a href="/">Линк №1</a></li>

      <li><a href="/">Линк №2</a></li>

      <li><a href="/">Линк №3</a></li>

      <li><a href="/">Линк №4</a></li>

    </ul>

  </section>

  

  <section>

    <h2>Лучшие статьи</h2>

    <ul>

      <li><a href="/">Линк №1</a></li>

      <li><a href="/">Линк №2</a></li>

      <li><a href="/">Линк №3</a></li>

      <li><a href="/">Линк №4</a></li>

    </ul>

  </section>

</aside>
моё портфолио (http://www.nabusi.ru/) ICQ 555 501 668
nabusi
На сайте с 19.04.2009
Offline
30
nabusi
#1

не осталось веб мастеров на форуму?

Ayavryk
На сайте с 11.10.2003
Offline
209
Ayavryk
#2

Правильнее дождаться времени, когда процент актуальных броузеров поддерживающих эти очень странные теги снизится хотя бы до 1%

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
[Удален]
#3
nabusi:
<aside id="sidebar">

Ежели к aside-у ещё и id прикручивать - вообще не понятно зачем эта косячная конструкция нужна...

<div id="sidebar"> изрядно красивше, понятнее и короче

nabusi
На сайте с 19.04.2009
Offline
30
nabusi
#4
Pavel_:
Ежели к aside-у ещё и id прикручивать - вообще не понятно зачем эта косячная конструкция нужна...
<div id="sidebar"> изрядно красивше, понятнее и короче

да смысл не а том что красивее, а в том что сам по себе тег несёт семантическое значение, и поисковик понимает это, что это контент имеющий косвенную принадлежность к article

---------- Добавлено 28.02.2013 в 14:36 ----------

Ayavryk:
Правильнее дождаться времени, когда процент актуальных броузеров поддерживающих эти очень странные теги снизится хотя бы до 1%

современные броузеры и так поддерживают, а те что не поддерживают воспринимают как div, а на всякие там IE6.... вообщем семантическая разметка в основном для поисковиков

Ayavryk
На сайте с 11.10.2003
Offline
209
Ayavryk
#5
nabusi:
тег несёт семантическое значение, и поисковик понимает это, что это контент имеющий косвенную принадлежность к article

Неужели что-то изменилось за последние 2-3 года? Можно пруфлинк на понимание поисковиками тега aside? А еще лучше как это учитывается в этих поисковиках.

nabusi:
современные броузеры ...

Вооще-то вопрос был к веб-мастерам, а не производителям броузеров. Веб-мастер имхо дожлен поддерживать все что более-менее актуально. В сумме процент броузеров которые не понимают этот тег не меньше 4-5%

nabusi:
а на всякие там IE6....

Или вы не в теме или путаетесь в клавиатуре. IE8 != IE6 и он не поддерживает этот тег.

nabusi:
вообщем семантическая разметка в основном для поисковиков

Отнюдь. Осмысленная разметка по общим согласасованным правилам кроме ботов (не только поисковых) нужна верстальщикам. Проще поддерживатьи и верстку и js если все сделано по общим правилам, а не произволу.

И кстати в отличии от дурацких HTML5-тегов поисковики таки очень приветствуют семантическую разметку с использованием микроформатов.

nabusi:
косвенную принадлежность к article

Идиотизм авторов HTML5 заключается в том что по тому принципу, по которому они наплодили новые теги, к article нужно было добавить: poem, haiku, essay, novel...

[Удален]
#6
nabusi:
вообщем семантическая разметка в основном для поисковиков

для поисковиков - контент... ))

werty1001
На сайте с 30.03.2008
Offline
82
werty1001
#7

Я точно утверждать не буду, но по-моему в <article> должен быть только текст, непосредственно сама статья и зачем h2 в сайдбаре? А правильно так 


<aside>

    <b>Последнии статьи</b>

    <ul>

      <li><a href="/">Линк №1</a></li>

      <li><a href="/">Линк №2</a></li>

      <li><a href="/">Линк №3</a></li>

      <li><a href="/">Линк №4</a></li>

    </ul>

  

    <b>Лучшие статьи</b>

    <ul>

      <li><a href="/">Линк №1</a></li>

      <li><a href="/">Линк №2</a></li>

      <li><a href="/">Линк №3</a></li>

      <li><a href="/">Линк №4</a></li>

    </ul>

  </aside>
Магазин аккаунтов с балансом Litres,DNS,Ozon,Rotapost и еще 50+ других сервисов тут - vk.cc/7QK0Sk
C
На сайте с 04.02.2005
Offline
277
Chukcha
#8

ни вариант А, ни вариант Б

The aside element represents a section of a page that consists of content that is tangentially related to the content around the aside element, and which could be considered separate from that content. Such sections are often represented as sidebars in printed typography.

Семантически aside должен принадлежать article

для sidebar пользуйте section и div

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий