Верстка на html 5

В HTML5 введены несколько новых тегов, ниже основной список:

<section>
Тег группирует похожие блоки.
section могут быть вложены друг в друга.

<header>
Содержит заголовок какой либо
секции, таблицы или страницы

<footer>
Подвал. Думаю комы излишни.

<nav>
Блок меню. Думаю тоже не требует объяснений.

<article>
Тут спектр возможностей богатый. Объясню ниже на примере.

<aside>
Можно использовать как сайдбар так и блок с комментариями.

В последних версиях всех браузеров, кроме,
IE эти элементы поддерживаются по умолчанию.

Приступим к примеру:

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8>
    <title>Мой сайт на хтмл5</title>
    <style>
        footer{display: block} //его нужно обозначить блочным
    </style>
</head>
<body>
<header>
    тут лого
</header>
<nav>
    тут меню
</nav>
<section>
    <article>
        <header>
            Китайцы на луне о_О
        </header>
        На луне были китайцы, они были на луне
    </article>
    <article>
        <header>
            Китайцы прилетели
        </header>
        Они были на луне и прилетели обратно, на луну.
    </article>
</section>
<aside>
    Читать про полет китайцев... 
</aside>
<footer>
    Copyright by China
</footer>
</body>
</html>

Кроме того к этим тегам можно (нужно) применить стили

вот вроде все! спасибо за внимание smile

Site: Портфолио Сетка

URL: https://visavi.net/articles/546