2012-05-04 3 views
0

Я уже знаю, есть многочисленные темы вне обсуждения использования раздела элементов - я уже много читал о них, и до сих пор я пришел к следующему выводу:Структуры содержания сайта; с элементами раздела и заголовками

A < раздел > элемент должен использоваться для обертывания содержимого, которое может храниться как отдельная запись базы данных. (согласно HTML5доктору) и что заголовок должен быть внутри элемент секции (хотя в базе данных я бы не сохранил заголовок в том же столбце, что и содержимое ...))

Пока все хорошо, я реорганизовал структуру моего сайта и проанализировал ее на http://gsnedders.html5.org/outliner/ - но на удивление это вроде проигнорировало мой h1, h2, ... порядок заголовков (где-то я читал, что специальные элементы перезапускают заголовки или так ..?: S), которые меня приводят в замешательство ,

В настоящее время у меня структуру, подобную (пропуская некоторые Div для укладки цели):

<header> 
    <section> 
     h1 // title of my page --> h1 
    </section> 
    <section> 
     <nav>...</nav> 
    </section> 
</header> 
<div role="main"> // don't use section for your website's main content 
    h2 // main content 
    <section> 
     h3 // main content's sub heading 
    </section> 
    <section> 
     h4 // sub heading of main content's sub heading 
      h5 
      h5 
    </section> 
    <section> 
     h3 // another main content's sub heading 
    </section> 
</div> 
<aside> 
    <section> 
     h3 // about me 
    </section> 
</aside> 

вместо ожидаемого контура:

title of my page 
    navigation 
    main content 
     main content's sub-headings, etc. 
    about me 

я получил:

main content 
    title of my page 
    navigation 
    main content's sub entries 
    about me 

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

Я пропустил пункт элемента секции или вложенные заголовки? Любые предложения, как справиться с этим поведением (что звучит здорово в теории, но на практике это ведет себя странным образом)

EDIT: Я решил придерживаться «статьи использования элементов, которые могут быть RSS пункт»правила, как это делает гораздо больше смысла для меня, и продолжал использовать раздел элемент, чтобы сохранить основное содержание, кроме навигации и т.д. (как ответили ниже)

ответ

1

раздел элемент

Я не уверен, согласен ли вы с определением вашего раздела. Из спецификации HTML5 говорится:

Элемент сечения представляет собой общий документ или раздел приложения.

Он продолжает говорить

Авторам рекомендуется использовать элемент статьи вместо элемента раздела, когда это будет иметь смысл синдиката содержимое элемента.

Таким образом, я думаю, что статья должна использоваться вместо раздела, если вы собираетесь хранить что-то как «отдельную запись базы данных». См. Также this хороший список ДО и DON'Ts для элемента секции.

Документ с изложением

С точки зрения вашего документа набросков, то трудно сказать, что происходит, как вы не включили какие-либо закрывающие теги. Можете ли вы опубликовать полный, действительный пример HTML?

Существует отличный обзор изложения в документах HTML5 на Mozilla Developers Network, который я рекомендую вам прочитать. Берем пример и добавив закрывающие теги, где я думаю, что они должны быть, и на основании этой статьи, я хотел бы предложить HTML

<doctype html> 
<header> 
    <h1>title of my page</h1> 
</header> 
<nav>My Nav</nav> 
<article id="main-content"> 
    <h2>main content</h2> 
    <section> 
     <h3>main content's sub heading</h3> 
     <section> 
      <h4>sub heading of main content's sub heading</h4> 
      <section> 
       <h5>a sub, sub heading of main content's sub heading</h5> 
      </section> 
     </section> 
    </section> 
    <section> 
     <h3>another main content's sub heading</h3> 
    </section> 
</article> 
<aside> 
    <h3>about me</h3> 
</aside> 

Это производит набросков

  1. название моей страницы
    1. Untitled Раздел (Это нав)
    2. основного содержания
      1. суба основного содержания в товарной позиции
        1. юг заголовка подразделов основного содержания в рубрике
          1. саба, к югу заголовка подразделов основного содержания в товарной позиции
    3. к югу от другого основного содержания в товарной позиции
    4. обо мне

Это план, который вы ожидали?

Заголовки разделов

Примечание Вы не должны использовать h1, h2, h3 и т.д., схема HTML5 будет работать, что это заголовок, суб-headingetc на основе глубины вложенности вашей статьи или раздела. Вы могли бы, если бы вы воспользовались, использовать h1 всюду (хотя этого не делать), а внешний план по-прежнему будет создавать вышеупомянутый контур.

+0

thx для рекомендации DOs и DON'Ts элемента и предложения раздела, но в статье говорится, что ни статья, ни элемент раздела не должны использоваться для разделения содержимого из верхнего/нижнего колонтитула (рекомендация: div, см. первый из элементов DON'Ts), но div не сбрасывает «счетчик заголовков» -> будет ли статья семантическим решением? (sry, если я вас раздражаю, но на данный момент единственный вопрос касается семантики, потому что я уже мог достичь своей цели гораздо проще, используя divs ^^) – Peter

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

  • Нет связанных вопросов^_^