Набор авторов в комманду!!!




Пожертвовать на развитие сайта. Пожертвовать

Элемент head в html 5

Главная » Справочники » Справочник HTML5 » Элемент head в html 5
Элемент head в HTML5 определяет заголовок HTML-документа.
h6
Элемент head в html5 на сайте RaMech.net head

Отображение элемента head HTML 5

Элемет head не отображается не влияет на отображении страницы.

На отображение страницы могут оказывать влияние дочерние элементы элемента head.

Описание элемента head в HTML5

Элемент head является контейнером для других элементов, которые отвечают за информацию о сайте, подключение дополнительных стилей и скриптов, и другую мета-информацию. Элемент head используется сразу после открытия тега html, и может содержать в себе такие теги как meta, title, link, script, style.

Отличие элемента head HTML4.1 от HTML5

Элемент head не притерпел изменений, так и оставшись контейнером для других тегов, несущих в себе различную мета-информацию

Атрибуты элемента head в HTML5

Элемент head в HTML5 не имеет атрибутов.

Примеры использования элемента head в HTML5

Пример определения элемента head

Пример HTML-кода элемента head 
<html>
	<head>
		<title>Этот текст отображается в заголовке браузера</title>
	</head>
	<body>
		<p>Как вы видите содержимое тега head не отображается в самой странице.</p>
	</body>
</html>
Правильное отображение элемента head, в Chrome Отображение элемента head в вашем браузере
Правильное отображение элемента head, в Chrome

Идеи оригинального использования элемента head в HTML5

В содержимом тега head может содержаться самая различная информация

Пример HTML-кода элемента head 
<head>
	<!-- Кодировка страницы -->
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<!-- Описание страницы -->
	<meta name="description" lang="ru" content="Описание страницы">
	
	<!-- Ключевые слова -->
	<meta name="keywords" lang="ru" content="Ключевые слова">
	
	<!-- Подключение скриптов -->
	<script type="text/javascript" src="jquery.js"></script>
	
	<!-- Подключение таблиц стилей -->
	<link rel="stylesheet" href="style.css" type="text/css">
	
	<!-- Подключение иконки сайта -->
	<link rel="shortcut icon" href="favicon.ico">
	
	<!-- Отдельные стили для ie6 -->
	<!--[if IE 6]>
		<link rel="stylesheet" type="text/css" href="ie-6.css">
	<![endif]-->
	
	<!-- Заголовок страницы -->
	<title>Заголовк страницы</title>
</head>
h6