Jump to content
  • 0

HTML5 + правильная разметка документа


klierik
 Share

Question

Давайте возьмём за основу самый простой схематический макет:

1310560078-untitled-1-10kb.png

И так имеем:

  1. Шапка. Содержится в теге <header>
  2. Контентная часть. Содержится в теге <article>
  3. Боковая панель. Сожержится в теге <aside>

Ну и по логике вещей всё это дело можно положить в <section> ?

Или же контент должен хранится в <section> а <aside> уже будет к нему как второстепенный блок?

Как правильно?

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

ИМХО:

1 - header

2 - div

3 - aside

section и article - для структурных элеентов, а не для разметки

  Quote
The section element is not a generic container element. When an element is needed for styling purposes or as a convenience for scripting, authors are encouraged to use the div element instead. A general rule is that the section element is appropriate only if the element's contents would be listed explicitly in the document's outline.

http://www.w3.org/TR/html5/sections.html#the-section-element

  • Like 1
Link to comment
Share on other sites

  • 0

Имхо, aside без article как-то сиротливо смотрится, как брошенный прицеп без тягача (хотя возможен и aside уровня body)... А вообще надо не разметку, а характер информации в этих блоках смотреть. В зависимости от него правая колонка может оказаться и nav-ом (если там главное меню), и footer-ом (если инфо об авторе), и обычным дивом, визуально группирующим первое, второе и третье.

Насколько я сейчас понимаю всю эту катавасию, думать об articl-ах, section-ах, nav-ах и т.п. лучше глядя не на визуальный макет, а на страницу без стилей — голый информационный скелет для поисковиков и т.п. И лишь когда эта структура уже готова — прикладывать к этому всему необходимые стили, добиваясь соответствия макету и при крайней нужде добавляя вспомогательные div-ы...

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

×
×
  • 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