Каков наилучший семантический шаблон по умолчанию/старту для html5?

Я немного смущен тем, как должны идти новые теги.Каков наилучший семантический шаблон по умолчанию/старту для html5?

Правильно ли это:

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title></title> 
</head> 

<body> 

    <section> 
     <header> 
      <nav></nav> 
     </header> 
     <section> 

     </section> 
     <footer> 

     </footer> 
    <section> 

</body> 
</html>

Или один из разделов быть <article>? Какой должен быть исходный макет?

источник

2010-05-26 JD Isaacks

HTML5 DOCTYPE - " "с нижним регистром html. И вы можете заменить метатекст Content-Type на , если хотите, что делает то же самое (даже в старых браузерах.) –

Вы не должны иметь «стартовый» макет для чего-либо внутри <body>.

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

В настоящее время элементы <section> в вашем примере ничего не делают. Пока они вам не нужны, оставьте их.

(И, возможно, оставить их в любом случае до тех пор, пока поддержка браузера не будет лучше. Для IE вам нужно будет использовать HTML Shiv, чтобы заставить все это работать, и все еще есть проблемы с ним. Для большего количества случаев для пользователя это просто isn Кроме того, для обоснованности XML измените HTML в doctype на нижний регистр, чтобы соответствовать фактическому корневому элементу.)

источник

2010-05-26 13:39:57 bobince

Что вы включаете, зависит от того, какой контент у вас есть. Конечно, вам не всегда нужны все семантические теги блоков. Лично я придерживаюсь своих элементов <div>, пока я не переписал свой сайт.

источник

2010-05-26 13:06:33

ИМХО, я думаю, вы должны отделить СЧА от заголовка, так как вы не можете всегда считать, бар нав сидит на своем заголовке (что, если ваш навигационный бар на стороне?)

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

источник

2010-05-26 13:07:37 corroded

Я бы посмотрел на Dive в HTML 5, в котором есть несколько примеров. Вот HTML4 blog и HTML5-ified version одного и того же содержания.

Там также a chapter о новых семантических тегов разметки.

источник

2010-05-26 13:32:43

Или ознакомьтесь с моим writing a valid html5 document.

источник

2010-05-26 13:40:57

Это то, что я обычно начинаю с:

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8" /> 
    <title></title> 
    <link href="/css/screen.css" rel="stylesheet" /> 
    </head> 
    <body> 

    </body> 
</html>

Я использую доктайп HTML5 и короткий набор символов для простоты, и оставить тело пустой, как я не может работать на «полный» проект HTML5. То есть проект может потребовать от меня избегать использования новых элементов секвенции HTML5, но это упрощает переход к более позднему дате и позволяет мне использовать несколько небольших привилегий HTML5 (например, исключить type из моей таблицы стилей link).

Если вы все еще озадачены элементами секционирования, вот несколько статей о section и article.

источник

2010-05-26 13:52:54 akamike

Проблема в том, что пустой тег тела не является допустимый HTML. Может быть, лучше начать с этим в организме:

Heading

пункт

–

если в теле у вас было интересно, если это все-таки имеет значение как «пустой тег тела» <- - содержание здесь!> – iamnotsam

Каков наилучший семантический шаблон по умолчанию/старту для html5?

ответ

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