Верстка на html 5 (Оценка: 0)

Печать / RSS-лента
В 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>


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

вот вроде все! спасибо за внимание ).gif

Site: Портфолио Сетка
Автор статьи: Dmitry Kokorin (06.11.14 / 01:21)
html5, верстка сайта
Рейтинг: 0
Просмотров: 1016
Комментарии (13) »