HTML 5 Структура Теги Демо

StackOverflow https://stackoverflow.com/questions/2616579

  •  26-09-2019
  •  | 
  •  

Вопрос

Я не могу найти демонстрацию структурных тегов <header>, <footer>, <articles> ... http://brucelawson.co.uk/tests/html5-elements.html. Здесь что-то вроде этого, но с выделением каждого элемента, пожалуйста, помогите

Это было полезно?

Решение 2

Wt ...Я нахожу это !!!http://netstream.ru/htmlsamples/html5-blog/index.html.Здесь это Джергезно !!!

Другие советы

Там хорошая статья в списке отдельно (как обычно):http://www.alistapart.com/articles/previewofhtml5.

Для простой структуры, это может приложить «статью» и «в сторону» внутри «раздела», но это не обязательно, если у вас есть только один раздел.

Например :

<header>...</header>
<section>
  <article>...</article>
  <aside>...</aside>
</section>
<footer>...</footer>

то же самое:

<header>...</header>
  <article>...</article>
  <aside>...</aside>>
<footer>...</footer>

Но, поскольку эти теги очень гибкие, они не закреплены на одном месте, например:

<header>...</header>
<section>
  <header>...</header>
  <nav>...</nav>
  <aside id="navbar1">...</aside>
  <article>
    <header>...</header>
    <section>...</section>
    <aside>...</aside>
    <footer>...</footer>
  </article>
  <aside id="navbar2">...</aside>
  <footer>
  </footer>
</section>
</section>...</section>
<nav>...<nav>
<footer>...</footer>

Две великие ресурсы HTML5 доктор а также HTML5 галерея. Отказ Они предлагают подробные статьи о том, как использовать новые теги HTML5 и примеры сайтов, использующих их соответственно.

Почта выше верна, но навигационные инструменты должны использовать <nav> Тег, это более семантический код. (Примечание. Не используйте тег раздела для глобального контейнера, используйте <div id="main"> или даже <body> С переставленным шагом и нижним колонтитулом):

<header>...</header>
<div id="main">
  <header>...</header>
  <nav>...</nav>
  <aside class="nav_container">
    <nav id="navbar1">...<nav>
  </aside>
  <article>
    <header>...</header>
    <section>...</section>
    <aside>...</aside>
    <footer>...</footer>
  </article>
  <aside class="nav_container">
    <nav id="navbar2">...<nav>
  </aside>
  <footer>
  </footer>
</div>
</section>...</section>
<nav>...<nav>
<footer>...</footer>

Введение с HTML5 - лучший способ

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top