Jump to content
  • 0

Элемент для анонса статей


Vin
 Share

Question

5 answers to this question

Recommended Posts

  • 0

http://www.w3.org/wiki/HTML/Elements/article

The <article> element represents an independent item section of content.
In principle, content in the article element should be independently distributable or reusable.

Проще говоря, спецификация как бы говорит, что article – полноценная, завершённая "единица" контента, которая рассматриваться вне контекста страницы.

Link to comment
Share on other sites

  • 0

Т.е. самостоятельная часть контента, верно? А вот каждый анонс, это самостоятельная часть? или она зависит от меню в футере? Или от количества колонок в макете? Я думаю, направление ясно)

Но у меня к вам другой вопрос, нормально использовать section в article?

Пример:

<article>
text...text...
<section>
<h1>bla bla bla</h1>
text text text
</section>
...
</article>

И если еще все это на нескольких уровнях завернуто в section? Вот как думаете?

Edited by RodgerFox
Link to comment
Share on other sites

  • 0

Как я понимаю задумку HTML5, смысл <article> — в сохранении смысла его содержимого в отрыве от остальной страницы, т.е. его можно целиком перенести, скажем, в RSS-фид. Анонсы статей в RSS-фиде, имхо, вполне уместны, а значит, и <article> для них в тему. Есть еще хорошая цитата про него (тут перевод).

Несколько section-ов в article — тоже вполне нормально, если того требует логика иерархии заголовков.

Другое дело, что алгоритм иерархии заголовков, учитывающий вложеность section-ов и им подобных, находится под риском удаления из спеки HTML5.0 версии W3C (что для меня странно, ведь половина браузеров этот алгоритм уже использует:). А поскольку section-ы, по большому счету, только для этого алгоритма и нужны, всё чаще высказывается мысль, что и их, дескать, есть смысл выбросить нафик-с... :)

Link to comment
Share on other sites

  • 0

Т.е. самостоятельная часть контента, верно? А вот каждый анонс, это самостоятельная часть? или она зависит от меню в футере? Или от количества колонок в макете? Я думаю, направление ясно)

Всё-таки анонс больше зависит от контекста статьи, нежели сама статья, потому были сомнения.

Как я понимаю задумку HTML5, смысл <article> — в сохранении смысла его содержимого в отрыве от остальной страницы, т.е. его можно целиком перенести, скажем, в RSS-фид. Анонсы статей в RSS-фиде, имхо, вполне уместны, а значит, и <article> для них в тему. Есть еще хорошая цитата про него (тут перевод).

Спасибо, цитата очень к месту. Всё-таки спеку насчёт семантических элементов пока нельзя считать исчерпывающей, многие моменты остаются неясными, хотя применение этих элементов помогает избавиться от безумной каши div'ов в коде страницы.

И ещё вот это хорошо:

Хорошо использовать html5-тэги для разметки: header, footer, aside, nav, section, article и т.д. Кроме того что это семантично, также повышается надёжность, «пуленепробиваемость» вёрстки. Лишний открытый или закрытый div легко может поломать вёрстку. Но когда каркас сайта — атомарные и редко повторяющиеся html5-тэги, то «поломка» локализуется в пределах html5-тэга.
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By xenon_k
      Макет - http://webpages.hes78.com/Angelo/angelo-home.png'>http://webpages.hes78.com/Angelo/angelo-home.png
      Вёрстка - http://webpages.hes78.com/Angelo/
      Что сделал не так? Что можно было лучше?
    • By xenon_k
      Макет - http://webpages.hes7...ld/oakfield.png
      Вёрстка - http://webpages.hes78.com/Oakfield/
      Что сделал не так, что можно было лучше? Касательно вёрстки и семантики HTML5.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy