Какова наиболее семантически правильная структура страницы блога с использованием тегов HTML5?

Я хотел бы grok высшую природу <aside>, <section>, <article>

Какая лучшая, наиболее семантически правильная структура страницы блога с использованием тегов HTML5?

Должен ли я помещать боковую панель внутри <aside>? Или это скорее относится к <section> (поскольку <aside> должен использоваться для рекламы, коротких кавычек и т. Д.)?

Как мне представить основную функцию, запись в блоге? Как правильно использовать <article>?

Как мне пометить теги статьи?

9 голосов | спросил Wabbitseason 3 rdEurope/Moscowp30Europe/Moscow09bEurope/MoscowFri, 03 Sep 2010 15:06:19 +0400 2010, 15:06:19

2 ответа


7

Вы хотите использовать <article> для записей в блоге. У Марка Пилигрима есть действительно хорошее объяснение о том, как использовать каждый тег. Он также объясняет, как разметить статью article чуть ниже списка определений на его сайте. Это фантастическая книга для изучения HTML 5 и CSS.

"Элемент статьи представляет собой компонент страницы, который состоит из автономной композиции в документе, странице, приложении или сайте и предназначен для самостоятельного распределения или повторного использования, например, в синдикации."

Aside для "связанных по касательной" элементов, а раздел section представляет "представляет собой общий документ или раздел приложения."

ответил citadelgrad 3 rdEurope/Moscowp30Europe/Moscow09bEurope/MoscowFri, 03 Sep 2010 19:48:47 +0400 2010, 19:48:47
2

Для <aside>, подумайте об этом, как в театральной части: история отложена, чтобы объяснить что-то аудитории, слегка отклонившись по касательной на короткое время, прежде чем вернуться к Основное внимание. Например:.

<article>
     <p>A horse walks into a bar.</p>
     <p>The bartender says, "Why the long face?"</p>
     <aside>Not because it was sad, horses just have long faces.</aside>
</article>

Ужасный пример, но действительный. Скорее всего, это будет полезно для вещей, таких как pull-кавычки и другие связанные с товаром касательные, но как тег чисто семантический , реклама обычно не принадлежит.

Рекламная система, ориентированная на ключевые слова, не заботится о семантическом подгонке вашего контента, она больше заинтересована в сопоставлении демографических данных. Если ваш <article> относится только к PHP, и он привлекает рекламу, связанную с Python /Perl /Java (в какой-то момент она будет), ваш <aside> просто потерял смысл. Вам лучше разместить их на других страницах.

ответил tadamson 4 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowSat, 04 Sep 2010 01:15:00 +0400 2010, 01:15:00

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132