Структура HTML-документа (згідно зі стандартом HTML 4.01)
Оголошення типу документа (англійською Document type declaration, Doctype, DTD) — на початку документа тегом <!DOCTYPE>.
Заголовок документа, розташований у межах контейнера <head>, — містить опис загальних технічних відомостей або додаткову інформацію про документ, яку не відтворюють безпосередньо у браузері.
Тіло документа, розташоване у межах контейнера <body> або <frameset>, — містить основну інформацію про опис документа.
Приклад
<!doctype html>
<html>
<head>
<title>Заголовок документа</title>
</head>
<body>
Змістовна частина документа
</body>
</html>
Перший рядок HTML-документа зазвичай містить інформацію про версію мови HTML. Для того, щоб вказати версію HTML 4.01 без небажаних для цієї версії елементів й атрибутів, а також фреймів, можна використати таке визначення типу документа:
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01//EN">
Використання версії HTML 4.01 навіть з небажаними для цієї версії елементами й атрибутами, а також фреймами задають таким чином:
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Frameset//EN">
Найсучасніше визначення, що вказує на використання стандарту HTML5, таке:
<!doctype html>
Тег html вказує браузеру, що він опрацьовує HTML-код. Все, що розташовано між парними тегами <html> і </html> є HTML-документом. У першому деcкрипторі:
- атрибутом version можна задати версію HTML: <html version="4.01"> ;
- атрибутом lang можна задати основну мову документа, скажімо українську: <html lang="uk-ua"> .
Назва документа — текст між тегами <title> і </title>. До тексту назви не застосовують форматування. Назва має бути короткою, інформативною і адекватно відображати зміст документа. У заголовку документа можуть міститися деякі важливі дані, які використовуються браузерами, але в більшості випадків не відображаються, — метадані. Для цього використовується елемент meta, який задають одинарним тегом <meta> з такими атрибутами:
- name — назва змінної;
- content — значення змінної;
- charset — кодування документа, наприклад utf-8;
- lang — код мови, що визначає мову значень змінної;
- http-equiv — вказує назву додаткового параметра.
Атрибут lang потрібно використовувати для створення списку ключових слів певною мовою, на які відгукнеться пошукова система при запиті.
Наприклад, англійською:
<meta name="keywords" lang="en" content="html,web-design,hypertext,site,…">
Значення атрибута http-equiv та опис дії атрибута content (після тире):
- Expires — задає дату і час оновлення документа;
- Content-Language — аналог атрибуту lang тега html;
- Content-Type — вказує тип документа та кодування символів;
- Refresh — задає інтервал у секундах між оновленнями вмісту документа.
Немає коментарів:
Дописати коментар