148.00K

Категория:

Интернет

Похожие презентации:

Современный Web-дизайн. Структура HTML-документа. Тип документа. Метатэги

Основы языка разметки гипертекста

Структура HTML-документа

Язык HTML

Введение в язык разметки HTML

Язык гипертекстовой разметки HTML 5: описание и основные элементы

Введение в язык разметки HTML

Введение в web-технологии. Основы HTML. Создание дизайна сайта

Структура HTML. Теги, атрибуты. Основные правила записи (урок № 2)

Типы документов. 5 HTML5

Структура документа HTML

1. Структура документа HTML

2. Структура документа HTML

• Определяет порядок следования основных
тегов документа.
• Документ в формате HTML 4.0 состоит из трех
частей:
– строки, содержащей информацию о версии HTML,
– раздела заголовков (определяемого элементом
HEAD),
– тела, которое включает собственно содержимое
документа. Тело может вводиться элементом BODY
или элементом FRAMESET.

3.

• В документе HTML должна быть объявлена
используемая в нем версия языка HTML.
• Объявление типа документа указывает
определение типа документа (DTD),
используемое в этом документе

4. Строгое определение

HTML 4.0 Strict DTD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.0//EN " "http://www.w3.org/TR/REChtml40/strict.dtd">

5. Переходное определение

HTML 4.0 Transitional DTD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN " "http://www.w3.org/TR/REChtml40/loose.dtd">

6. Определение html 5

• <!DOCTYPE HTML>

7. Определение для кадров

HTML 4.0 Frameset DTD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.0 Frameset//EN"
"http://www.w3.org/TR/REChtml40/frameset.dtd">

8. Элемент HTML

• Начальный тег: необязателен, Конечный
тег: необязателен
• После объявления типа документа
остальная часть документа HTML
содержится в элементе HTML.

9. Заголовок документа

• Элемент HEAD
– Начальный тег: необязателен, Конечный тег:
необязателен
• Элемент TITLE
– Начальный тег: обязателен, Конечный тег:
обязателен

10. Метаданные

• Метаданные - информация о документе
вместо содержимого документа
• HTML позволяет авторам указывать
метаданные множеством способов.

11. Элемент META

• Начальный тег: обязателен, Конечный тег:
запрещен
• Определения атрибутов
– name - определяет имя свойства.
– content - определяет значение свойства.
– scheme - дает имя схеме, используемой для
интерпретации значения свойства.
– http-equiv - может использоваться вместо атрибута
name. Серверы HTTP используют этот атрибут для
сбора информации для заголовков сообщений
ответов HTTP.

12. Элемент META

• может использоваться для идентификации
свойств документа (например, автора, срок
истечения, список ключевых слов и т.д.) и
назначения им значений.
• Каждый элемент META задает пару
свойство/значение.
• Атрибут name определяет свойства, а атрибут
content – значение.
<META name="Author" lang=“ru" content=“Иван Иванов">

13. META и заголовки HTTP

• Используются для «общения» браузера и
web-сервера
• Заголовки HTTP (англ. HTTP Headers) — это
строки в HTTP-сообщении, содержащие
разделённую двоеточием пару параметрзначение.
<META http-equiv="Expires" content="Tue, 20
Aug 1996 14:25:27 GMT">

14.

15. META и поисковые машины

• Основной способ использования элемента
META - задание ключевых слов, которые
поисковые машины могут использовать для
улучшения результатов поиска.
<META name="keywords" lang="en-us"
content="vacation, Greece, sunshine«>
<META name="keywords" lang="en"
content="holiday, Greece, sunshine“>
<META name="keywords" lang="ru"
content="отпуск, Греция, солнце">

16. META и поисковые машины

• Элемент META может использоваться для
указания информации по умолчанию для
документа.
<META http-equiv="Content-Type"
content="text/html; charset=KOI-8">

17. Элемент BODY

• В теле документа располагается содержание
документа.
• Начальный тег: не обязателен, Конечный
тег: не обязателен
• Определения атрибутов
–
–
–
–
–
background - Нежелателен.
text - Нежелателен.
link - Нежелателен.
vlink - Нежелателен.
alink - Нежелателен.

18.

<!DOCTYPE HTML>
<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html;
charset=utf-8">
<TITLE>Мой первый документ</TITLE>
</HEAD>
<BODY>
Hello, Word!
</BODY>
</HTML>

English Русский Правила