html5 раздел как общая обертка

Давайте поговорим об элементе раздела. Я все еще смущен, когда его использовать, и кажется, что никто не может указать, когда использовать его правильно?html5 раздел как общая обертка

Мне сказали, и я прочитал, что он не должен использоваться в качестве общей оболочки для контента. Поэтому я все еще использую divs для этой цели, и я редко использую разделы, только статью. Но тогда я наткнулся на http://dev.opera.com/, которые используют его таким образом? Значит, они используют это неправильно? Но именно так я хотел бы использовать его ... Разделить страницу на «главную» секцию, где идет контент.

Вот пример того, как я хотел бы макет моих страниц:

<html> 
<head> 

</head> 

<body> 

<header> 

</header> 

<section id="main"> 
    generic content 
</section> 

<footer> 

</footer> 

</body> 
</html>

источник

2011-12-04 James Ford

«раздел» тег используется для группы общего содержания и может быть использован с общим названием (h1, h2 или другие) , Есть некоторые правила, чтобы использовать «раздел» тег, те, являются наиболее важными:

Не используйте его для структуры шаблона - использовать другие метки (верхний и нижние колонтитулы, дела) вместо
не делать используйте его, если вы можете использовать тег «статья», чтобы ваши статьи могли использоваться на других сайтах.
Вы можете использовать «раздел» в «статье» и, конечно, «статью» в «разделе», ,

В целом вы можете использовать его для структурирования страницы путем группировки связанного контента: например, в блоге вы можете определить два раздела: один для последней записи, другой для самого старого. Вы также можете иметь «раздел» в разделе «вы можете иметь столько разделов (общее содержание), сколько вам нужно.

<section> 
    <h1>Last post</h1> 
    <article> 
     [My post...] 
     <section> 
      [Comments...] 
     </section> 
    </article> 
</section> 

<section> 
    <h2>Oldest post</h2> 
    <article> 
     [First post...] 
    </article> 
    <article> 
     [Second post...] 
    </article> 
    <article> 
     [Third post...] 
    </article> 
</section>

Чтение кода Я думаю, вы можете улучшить свою структуру с помощью этого:

<html> 
    <head> 
    </head> 

    <body> 
     <header> 
     </header> 

     <div id="main"> 
      <section> 
       Generic content 
      </section> 
     </div> 

     <footer> 
     </footer> 

    </body> 
</html>

источник

2011-12-04 18:39:12

Как насчет положить дивы внутри secions и статей? Как насчет размещения внутренних разделов и статей? –

Да, вы можете, это «ориентир» для html 5, поэтому разные сайты могут обмениваться информацией, читая тег html (например, xml), и поисковые системы могут сами найти полезную информацию. –

Вы пишете «не использовать для структуры шаблона». Следует ли вообще избегать применения CSS, или я должен просто избегать применения CSS, который изменяет положение и расположение. –

html5 раздел как общая обертка

ответ

Смежные вопросы