Правильное использование тегов article, aside и header

Question

Правильное использование тегов article, aside и header

0

У меня есть простой шаблон страницы, который имеет боковую панель слева и главную область содержимого справа. Является ли это правильным использованием статьи, в сторону и заголовков? Кроме того, предположите ли вы присоединить классы/идентификаторы к элементам html5 (например, article class= "example") или это специально для divs?

благодаря

<article class="page">

  <div class="container">

    <div class="row">

      <aside>

        <div class="col-md-3">

          <div class="sidebar">

            <h3>Sidebar Widget</h3>

              <ul>

                <li>Related Content</li>

                <li>Related Content</li>

                <li>Related Content</li>

              </ul>

          </div> <!-- /.sidebar-->

        </div> <!-- /.col-med-3 -->

      <aside>

      <div class="col-md-9">

        <header>

          <h1 class="page-title">Page Title</h1>

        </header>

          <p>Some Content</p>

      </div> <!-- /.col-med-9 -->

    </div><!-- /.row  -->

  </div><!-- /.container-->

</article><!-- /.page -->

this_guy 07 нояб. 2013, в 20:17

Источник

0

Помимо того, что он в первую очередь основан на мнении, на этот вопрос невозможно ответить осмысленно, даже если он касается мнения, так как не дается никакой информации о природе фактического содержания.
Jukka K. Korpela 07 нояб. 2013, в 21:03

Теги:

html

css

html5

2 ответа

Ещё вопросы

Помимо того, что он в первую очередь основан на мнении, на этот вопрос невозможно ответить осмысленно, даже если он касается мнения, так как не дается никакой информации о природе фактического содержания.

FastTrack · Answer 1 · 2013-11-07T16-25-00.000Z

Вы можете, конечно, применить class и/или id к тегам HTML5. Подумайте о каждом теге, как <div>. Фактически, в вашем CSS вы должны иметь этот блок, так что все теги HTML5 будут вести себя как <div>. Это поможет в браузерах, не совместимых с HTML5:

header, section, footer, aside, nav, article, figure {
    display: block;
}

Я не могу прокомментировать, если вы используете все теги HTML5 в "правильном" виде, так как я не знаю больше возможностей вашего проекта. Однако похоже, что вы правильно используете <aside>. Я бы использовал <section> вместо <article> где вы его использовали. Вот несколько объяснений на простом английском языке, которые помогут вам:

<article> - Независимый, автономный контент. Он должен быть в состоянии стоять на своем собственном и иметь смысл, если он отделен от остальной части HTML-документа. Наиболее заметные потенциальные возможности для сообщений форума/блога, комментарии пользователей и т.д.

<aside> - Поддержка информации о более крупном изображении вашего HTML. Они в основном используются в боковых панелях, слева или справа от основного содержимого, как часть "поддерживающего приведения".

<header> - Как следует из названия, здесь должна идти информация о вашем заголовке. Несколько тегов <header> могут использоваться на вашей HTML-странице (т.е. Для заголовков блога), но их нельзя добавить в <footer>, <address> или другой <header>.

<section> - Больше тега общего назначения, но он используется для хранения больших блоков сгруппированного контента. Несколько тегов HTML5 могут находиться внутри <section>.

dezman · Answer 2 · 2013-11-07T16-24-00.000Z

Это абсолютно нормально, чтобы положить идентификаторы и классы на любые/все элементы html.

Ваше использование <article> и '', вероятно, слишком широко распространено.

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

Элемент <aside> представляет собой раздел страницы, который состоит из содержимого, касающегося касания содержимого вокруг элемента, которое может быть отнесено от этого содержимого. Источник