HTML5 шпаргалка

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

<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>

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

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