HTML <head> Элемент
<head> элемент является контейнером для метаданных (данные о данных).
HTML метаданные данные о HTML-документе. не отображаются метаданные.
Метаданные обычно определяют название документа, стили, ссылки, скрипты и другие мета-информации.
Следующие теги описывают метаданные: <title>, <style>, <meta>, <link>, <script>, and <base> .
Опуская <html> и <body> ?
В стандарте HTML5, то <html> тег, то <body> тег, и <head> тег может быть опущен.
Следующий код будет проверять, как HTML5:
пример
<!DOCTYPE html>
<title>Page Title</title>
<h1>This is a heading</h1>
<p>This is a paragraph.</p> Попробуй сам " w3ii не рекомендует опуская <html> и <body> теги.
<html> элемент является корневым документом. Это рекомендуемое место для определения языка страницы:
<!DOCTYPE html>
<html lang="en-US">Декларирование языка важно для приложений доступности (считыватели экрана) и поисковых систем.
Опуская <html> и <body> может привести к сбою плохо написанный DOM/XML программного обеспечения.
Наконец, опуская <body> может привести к ошибкам в старых браузерах (IE9) .
Опуская <head>
В стандарте HTML5, то <head> тег также может быть опущен.
По умолчанию браузеры будут добавлять все элементы до <body> , чтобы по умолчанию <head> элемент.
Вы можете уменьшить сложность HTML, путем исключения <head> тег:
пример
<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html> Попробуй сам " Опуская теги незнаком веб-разработчиков. Необходимо время, чтобы быть установлена в качестве ориентира.
HTML <title> Элемент
<title> элемент определяет заголовок документа.
<title> элемент необходим во всех HTML / XHTML документов.
<title> элемент:
- определяет заголовок во вкладке браузера
- обеспечивает заголовок страницы при добавлении в избранное
- отображает заголовок страницы в результатах поиска
Упрощенный HTML документ:
пример
<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>
The content of the document......
</body>
</html> Попробуй сам " HTML <style> Элемент
<style> элемент используется для определения стиля информацию для HTML - документа.
Внутри <style> элемент вы определяете , как HTML элементы должны сделать в браузере:
HTML <link> Элемент
<link> элемент определяет отношения страницы на внешний ресурс.
<link> элемент наиболее часто используется для связывания таблиц стилей:
HTML <meta> Элемент
<meta> элемент используется для указания описания страницы, ключевые слова, автор и другие метаданные.
Метаданные используются браузерами (how to display content) , с помощью поисковых систем (keywords) , а также других веб - сервисов.
Определение ключевых слов для поисковых систем:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">Определите описание вашей веб-странице:
<meta name="description" content="Free Web tutorials on HTML and CSS">Определить набор символов, используемый:
<meta charset="UTF-8">Определить автор страницы:
<meta name="author" content="Hege Refsnes">Обновить документ каждые 30 секунд:
<meta http-equiv="refresh" content="30">Пример <meta> теги:
пример
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
<meta charset="UTF-8"> Попробуй сам " HTML <script> Элемент
<script> элемент используется для определения на стороне клиента JavaScripts.
Ниже сценарий пишет Hello JavaScript! в HTML - элемент с id="demo" :
пример
<script>
function myFunction {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script> Попробуй сам " Для того, чтобы узнать все о JavaScript, посетите наш JavaScript Учебник !
HTML <base> Элемент
<base> элемент определяет базовый URL и базовую цель для всех относительных URL - адресов в странице:
Элементы головы HTML
| Тег | Описание |
|---|---|
| <head> | Определяет информацию о документе |
| <title> | Определяет название документа |
| <base> | Определяет адрес по умолчанию или цель по умолчанию для всех ссылок на странице |
| <link> | Определяет связь между документом и внешним ресурсом |
| <meta> | Определяет метаданные о HTML документе |
| <script> | Определяет сценарий на стороне клиента |
| <style> | Определяет информацию о стиле для документа |