Программное обеспечение

HTML5 шпаргалка

HTML5 — язык гипертекстовой разметки. Язык HTML интерпретируется браузерами. Полученный форматированный текст отображается на экране устройства. Данная статья представляет собой шпаргалку по HTML5 и представляет типовую структуру страницы, написанной на нем.

[code language=»html»]
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="mystyle.css">
<title>Название страницы</title>
</head>

<body>

<header>
Header отвечает за шапку сайта или шапку раздела. В нем обычно располагается заголовок

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

<ul>
Тег ul обозначает маркированный список

<li>Меню</li>

Каждый элемент этого маркированного списка обозначается тегом li
</ul>

</nav>

</header>

<section>
Тег section задает раздел на странице. Может использоваться например для ленты статей, контактной информации.
Можно вкладывать section в другой section.

<article>
Тег article задает содержание сайта типа новости, одной записи в блоге.

<header>
<h2>Заголовок статьи</h2>
Опубликовал Дмитрий
</header>
Блабла блабла бла блабла блалала бла блала

</article>

</section>

<aside>
Тег aside определяет блок сбоку от основного содержания сайта. Например в нем могут размещаться категории, ссылки на архив, облако тегов.

<h2>Об авторе</h2>
Тут пишем об авторе

</aside>

<footer>
Footer задает подвал сайта.
Все права защищены: 2017

</footer>

</body>
</html>
[/code]

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *