Структура HTML-документу
Для того, щоб текстовий файл перетворився в HTML-файл, поміняти його розширення з ".txt" на ".html" недостатньо. Треба дотриматися прийнятого синтаксису: Кожен HTML-документ, який відповідає специфікації HTML якої версії, зобов'язаний починатися з рядка декларації версії HTML! DOCTYPE, яка зазвичай виглядає так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> |
Цей рядок допоможе браузеру визначити, як правильно інтерпретувати даний документ. В даному випадку ми говоримо браузеру, що HTML відповідає міжнародній специфікації версії 3.2 (це перевірена, але дуже стара версія яка використовує не всі можливості сучасних браузерів). Як видно з прикладу, найкоротший html-документ складається буквально з одного рядку.
Після оголошення версії і типу документа необхідно позначити його початок і кінець. Це робиться за допомогою тега-контейнера . Необхідно відзначити, що будь-який HTML-документ откривется тегом і ним же закривається.
Потім, між тегами і слід розмістити заголовок і тіло документа.
Стандартний код будь-якого базового HTML-файлу перед початком роботи:
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 3.2 Final//EN">
|
Схематично вигляд документу виглядає наступним чином:
Із схеми видно, що документ складається з двох основних блоків - "заголовка" і "тіла документу". Тема визначається за допомогою елемента HEAD, а тіло - елементом BODY.
Заголовок містить "технічну" інформацію про документ, хоча найчастіше використовується тільки для позначення його назви (див. елемент TITLE).
В тілі документу знаходиться все те, що відображається на сторінці: текст, зображення, таблиці. Відповідно, робимо висновок: більшість ваших HTML-експериментів буде проводитися в просторі між тегами <BODY> і </BODY>
Теги: |
|
Останні Новини
-
23-12-2016 Одесский юмор
- Доктор, ну... что меня ждёт? - Таки будем закапывать... - Как закапывать?! Прямо в землю? - Да шо ви, пока капли в глаза...
13-10-2016 Розвиток та підтримка веб-проектів : Развитие и поддержка веб-проектов : Development and maintenance of web projects
Розвиток та підтримка веб-проектів + 38 (067) 503-52-13 : Развитие и поддержка веб-проектов : Development and maintenance of web projects
29-09-2016 Як дізнатися історію сайту : Как узнать историю сайта : How do you know the history of the site
Як дізнатися історію сайту : Как узнать историю сайта : How do you know the history of the site - Ви часто замислювалися про те, чи є історія у сайтів? На це є відповідь, що вона таки є, і її можна подивитися.
23-09-2016 Одесский юмор
Стук в дверь: — Здесь живет Рабинович? Голос из-за двери: — Разве это жизнь?
04-02-2016 Блог тестувальника : Блог тестировщика : blog tester
Блог тестувальника di_di : пройшовши певний досвід спілкування з курсами (it-labs привіт), що наведені в Україні, з'явилася ідея максимально упорядкувати, переробити та подати українською мовою все почуте там ...