Page 27 - 6108
P. 27
сприймається браузером як код HTML і ніяк їм не обробляється. Для елемента
доступні атрибути manifest і xmlns, а також глобальні атрибути.
Текст документа складається з заголовка і тіла, які виділяються
відповідно тегами <head> і <body>.
Розділ <head> ... </ head> містить технічну інформацію про
сторінку: заголовок, опис, ключові слова для пошукових машин, кодування і
т.д. Введена в ньому інформація не відображається у вікні браузера, однак він
містить велику кількість даних, які вказують браузеру, як слід обробляти
сторінку. Для елемента доступні глобальні атрибути.
Обов'язковим тегом розділу <head> є тег <title>. Текст, розміщений
всередині цього тегу, відображається у заголовку браузера. Довжина заголовка
повинна бути не більше 60 символів, щоб повністю поміститися в заголовку.
Текст заголовка повинен містити максимально повний опис вмісту сторінки.
Для елемента доступні глобальні атрибути.
Необов'язковим тегом розділу <head> є одинарний тег <meta>. З його
допомогою можна задати опис вмісту сторінки і ключові слова для пошукових
машин, автора html-документа та інші властивості метаданих. Елемент <head>
може містити кілька елементів <meta>, бо в залежності від використаних
атрибутів вони несуть різну інформацію.
<meta name="author" content="рядок"> – автор веб-документа
<meta name="date" content="дата"> – дата останньої зміни веб-
сторінки
<meta name="copyright" content="рядок"> – авторські права
<meta name="keywords" content="рядок"> – список ключових слів
<meta name="description" content="рядок"> – короткий опис
(реферат)
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW"> – заборона
на індексування
<meta http-equiv="content-type" content="text/html;
charset=UTF-8"> – тип і кодування
<meta http-equiv="expires" content="число"> – управління
кешуванням
<meta http-equiv="refresh" content="число; URL=адрес"> –
перенаправлення
Елемент <style> дозволяє описати глобальні стилі для елементів
сторінки. Для завдання стилів в html-документі використовується мова CSS.
Таких елементів на сторінці може бути декілька. Для елемента доступні
атрибути media, scoped, type, а також глобальні атрибути.
<style type="text/css">
.paper {
width: 200px;
height: 300px;
background-color: #ef4444;
color: #666666;
}
</style>