В чем разница между понятиями элемент разметки и контейнер – НОУ ИНТУИТ | Лекция | Структура HTML-документа и элементы разметки заголовка документа

Содержание

Вопрос: Тег, это контейнеры? Да и чем просто тег отличается от контейнера?

Людмила Твердохлеб

ну контейнер это некая оболочка для внутренних элементов
а ТЭГи — это все элементы вэб страницы но тега контейнер не существует❤lensky❤1

Всего 2 ответа.

Другие интересные вопросы и ответы

В чем принципиальное отличие The Question от вопросов Mail.ru или ответов Google?

Даниил Щербаков1

Они задали высокую планку качества ответов. Похоже это из-за того что в начале жизни The Question на нем отвечали реальные специалисты и публичные персоны. И они продолжают их приглашать.

Еще существуют редакторы, которые наиболее интересные вопросы и ответы ставят на видное место. В результате сайт можно с интересом читать как какой нибудь развлекательный или познавательный портал.

Но самое главное – у них есть картинки!

Гриша Почуев87Всего 39 ответов.

А чем отличается Сеулский акцент от Тэгу или Пусанского? Если знаете ответьте пожалуйста))

Гость4

Ну, смотрите, приезжаете вы из Москвы в деревню под Брянском и замечаете, что люди говорят совсем по-другому, ваши говоры различаются, хотя вы с лёгкостью можете понять друг друга. Примерно, тем же и отличаются, что люди из Тэгу и Пусана говорят немного «по-деревенски» 🙂

Тэгу, Пусан, Ильсан и другие города находятся недалеко друг от друга, поэтому они составляют один диалект — 경상사투리.
В этом диалекте часто говорят вместо «ы» — «а» или «о», например слово «еда» звучит по-разному: «음식» — Сеульский и «엄식» — Гёнсан-Сатури. Также они могут упускать дифтонги: 도서관 — 도서간.
Пусанский диалект вообще очень сильно отличается от других. Например, «왜 그래?» на обычном корейском и «와이라노?» на Пусанском сатури обозначают одно и то же — «В чем проблема?». А кимчи в Пусане вообще называют 짐치 😀
В общем, я немного глубоко копнула, но если вам интересны исследования различных сатури, то, думаю, в гугле будет очень много информации 🙂BTS RUSSIA22

Всего 1 ответ.

В чем разница между понятиями элемент разметки и контейнер?

Sooper2

Элемент разметки — это любая из ее частей. Например, это может быть один тег или какой-то блок. А контейнер — это тег открытия и закрытия, ну и то, что находится внутри. Таким образом контейнер тоже является элементом разметки, но не всякий элемент — это контейнер.

Помощ­ни5Всего 8 ответов.

Чем отличается HTML от HTML5?

Гость6

HTML5 отличается от HTML массой вещей, например:

1) Интеграция аудио и видео

2) Глобальные атрибуты применяются ко всем элементам

3) JavaScript работает в фоновом режиме

4) Улучшение математических обозначений

5) Векторная графика поддерживается без сторонних программ

6) Новые API с кучей плюшек вроде поддержки драг-н-дропа и оффлайн кэширования

7) Ряд новых атрибутов и атрибутов для инпутов

8) Новые элементы (video, time, nav, section, progress, meter, aside, canvas)

9) Более удобный парсинг

10) Удален ряд устаревших элементов (например, strike, font и т.д.)

Глеб Капустин6

HTML – это общее обозначение всех стандартов языка разметки без указания версии.HTML5 – это конкретный стандарт языка, принятый современным. Ему должны соответствовать все страницы, которые об этом заявляют. Если они соответствуют, они называются валидными и корректно отображаются в современных браузерах. Заявить о своём соответствии HTML5 страница может специальной командой, которая называется доктайп. Вот заготовка документа. Первую строку занимает тот самый доктайп:ЗаголовокСверстай что-нибудь классноеДля валидации страниц на соответствие принято использовать валидаторы. Самый православный и правильный валидатор — W3C Validator. Его разработала та же общественная организация, которая разрабатывает стандарт HTML5.Но в принципе браузеры привыкли, что верстальщики не всегда соблюдают стандарт в точности, поэтому, даже если валидатор ругается на страницу, есть большая вероятность того, что она будет открываться корректно, если её тестировали хотя бы в одном браузере.HTML5 теперь хорошо поддерживается и другие старые доктайпы использовать нет смысла. Только если вас заставляют поддерживать очень старые браузеры вроде Internet Explorer 9, но я надеюсь, над вами не будут так издеваться. /designer6

Всего 2 ответа.

НОУ ИНТУИТ | Лекция | Структура HTML-документа и элементы разметки заголовка документа

Аннотация: В этой лекции разбираются типовая структура HTML-документа и содержание его заголовка. Подробно описывается содержание элементов разметки, и разбираются формат и назначение каждого из элементов разметки заголовка.

HTML-документ — это один большой контейнер, который начинается с тега <HTML> и заканчивается тегом </HTML>:

<HTML>Содержание документа</HTML>

Контейнер HTML или гипертекстовый документ состоит из двух других вложенных контейнеров: заголовка документа ( HEAD ) и тела документа ( BODY ). Рассмотрим простейший пример классического документа.

<HTML>
<HEAD>
<TITLE>Простейший документ</TITLE> 
</HEAD>
<BODY TEXT=#0000ff BGCOLOR=#f0f0f0>
<h2>Пример простого документа</h2>
<HR>
Формы HTML-документов
<UL>
<LI>Классическая
<LI>Фреймовая
</UL>
<HR>
</BODY>
</HTML>

Компания Netscape Communication расширила классическую форму документа возможностью организации фреймов (кадров), позволяющих разделить рабочее окно программы просмотра на несколько независимых фреймов. В каждый фрейм можно загрузить свою страницу HTML. Приведем пример документа с фреймами.

<HTML>
<HEAD>
<TITLE>Документ с фреймами</TITLE>
</HEAD>
<FRAMESET COLS="30%,*">
<FRAME SRC=frame1.htm NAME=LEFT>
<FRAME SRC=frame2.htm NAME=RIGHT>
</FRAMESET>
</HTML>

Назначение заголовка

Заголовок HTML-документа является необязательным элементом разметки. В HTML 2.0 предлагалось вообще отказаться от элементов HEAD и BODY. В то время в HTML не было элементов, которые использовались одновременно и в заголовке, и в теле документа. Современная практика HTML-разметки такова, что почти в каждом документе есть HTML- заголовок.

Первоначально существование заголовка определялось необходимостью именования окна браузера. Это достигалось за счет элемента разметки TITLE:

<HTML>
 <HEAD>
  <TITLE>Это заголовок</TITLE>
 ...
 </HEAD>
 <BODY>
 ...
 </BODY>
</HTML>
Отображение содержания элемента TITLE

Однако задумывался заголовок для несколько иных целей. Исходя из общих соображений, связанных с теорией и практикой разработки и эксплуатации гипертекстовых систем, все гипертекстовые связи информационных узлов принято разделять на контекстные и общие.

Контекстные гипертекстовые связи соответствуют определенному месту документа — контексту. В HTML такие связи реализованы в виде гипертекстовых ссылок (элемент A (anchor)). Фактически до реализации таблиц описателей стилей в современных браузерах это был единственный вид связей, которыми мог управлять автор HTML-документа.

Общие гипертекстовые связи определяются не частью документа (контекстом), а всем документом целиком. Например, быть предыдущим по отношению к другому документу или следующим — это общая гипертекстовая связь, которая позволяет организовать так называемый «линейный» просмотр информационных узлов гипертекстовой сети.

Реализация такого сорта ссылок уже давно является частью проектов W3C (Arena, Amaya). В коммерческих браузерах такой механизм реализован только для описателей стилей (элемент разметки LINK ).

Важную роль заголовок HTML-документа играет в JavaScript. Существует принципиальная разница между заголовком и телом документа при использовании элемента разметки SCRIPT. Она заключается в определении зоны видимости функций и переменных. Переменные и функции, определенные в заголовке документа, относятся ко всему окну браузера. Это значит, что к ним можно обратиться из любого места документа и изменить их значения. Кроме того, к ним можно обратиться из другого окна или фрейма. Фактически, это глобальные переменные. При работе с многослойными документами переменные и функции тела относятся к слоям, что делает доступ к ним неудобным.

Еще одной функцией заголовка HTML-документа является управление HTTP-обменом через элемент разметки META. При современной практике размещения Web-узлов компаний на серверах провайдеров администраторы этих узлов могут не иметь возможности управлять программой-сервером. В этом случае для управления обменом остается только одна возможность — через заголовок HTML-документа.

Нельзя также не упомянуть еще об одном важном назначении заголовка HTML-документа — поисковом образе документа для индексирования роботами поисковых систем. Элемент META позволяет хранить списки ключевых слов и описания документа, которые будут использоваться для составления индекса поисковой системы и появляться в качестве описания документа в случае выдачи ссылки на него при поиске по ключевым словам.

Введение в HTML | ointuit.ru

Введение в HTML

Ответы на курс: Введение в HTML

Укажите ошибочные варианты определения изображения в качестве гиперссылки.

В какой таблице ширина промежутков между ячейками составит 20 пикселей?

HTML — это:


В чем разница между понятиями «элемент разметки» и «контейнер»?

В каких случаях необходимо применение CER (Character Entity Reference)?

Отметьте верное утверждение:

Укажите, что является интерпретатором языка HTML?

Что означает DTD (Document Type Definition)?
<!DOCTYPE HTML PUBLIC "- //W3C//DTD HTML 4.0 Transitional//EN">

Найдите неверные фрагменты кода:

Какой тэг определяет заголовок документа HTML?

Какой тэг служит для размещения кода JavaScript?

Какой тэг содержит управляющую информацию,
которую браузер использует для правильного отображения и обработки
содержания тела документа?

Найдите правильный способ привязки внешней таблицы стилей к документу.

Найдите ошибочное определение гиперссылки.

Какой тэг определяет тело документа HTML?

Какой тег служит для именования документа в World Wide Web?

Какой тэг предназначен для размещения описателей стилей?

Выберите вариант корректного описания синтаксиса тега SCRIPT.

Какой тэг определяет документ HTML?

Какой тег используется для индексирования документов в поисковых системах?

В каких примерах правильно организован синтаксис тега BASE?

Какой тег служит для определения базового URL для гипертекстовых ссылок документа, заданных в неполной форме?

Какой из приведенных тегов позволяет создавать ненумерованные списки?


Какой из приведенных тегов является тегом, характеризующим тип информации?


Какой URL будет сформирован для ссылки в приведенном фрагменте?
<BASE HREF="http://intuit.ru/">
<BODY>
<A HREF="doc1.html">Документ 1</A>
</BODY>

Какой атрибут тега BODY позволяет изменять цвет текста?

Какой из приведенных примеров задает гипертекстовую ссылку из документа 1.html на другой документ?


Выберите вариант корректной установки цвета фона страницы.

Какой атрибут тэга BODY позволяет задать цвет фона страницы?

Какие из приведенных тегов являются тегами управления разметкой?


Какой из приведенных тегов позволяет создавать нумерованные списки?


Какие из приведенных тегов являются тегами, управляющими формой отображения текста?

Имеется сервер http://intuit.ru, на котором находятся два документа:
http://intuit.ru/intuit.html и
http://intuit.ru/intuit/detail.html.

Какая из приведенных форм записи ссылки из первого документа на второй документ является верной?


Какая из приведенных гипертекстовых ссылок представляет наиболее полную форму записи URL?

Какой атрибут тега <IMG> задает горизонтальное расстояние
между вертикальной границей страницы и изображением?

Какие атрибуты принадлежат тегу <IMG>?

Какой из приведённых ниже фрагментов кода выведет в окне обозревателя изображение размером 100 на 200 пикселей?

Какой из приведенных тегов описывает активное изображение?

Какой атрибут тега <IMG> указывает файл изображения и путь к нему?

Укажите неправильный способ определения карты изображения:

Какой атрибут тега <IMG> задает вертикальное
расстояние между строками текста и изображением?

Какой атрибут принадлежит тегу <AREA>?

Выберите корректный пример вставки изображения в HTML-документ.

Укажите правильный вариант определения изображения в качестве гиперссылки.

Какой тег позволяет вставить графическое изображение в HTML-документ?

Как задать цвет фона для строки таблицы?

Как задать фоновое изображение для таблицы?

В какой таблице текст выровнен по центру ячеек?

В какой таблице фон ячеек будет красным?

С помощью какого элемента можно создавать выпадающие списки в формах?

Какой из приведенных тегов создает неотображаемый элемент в форме?


Какой атрибут элемента INPUT отвечает за тип элемента ввода формы?

С помощью какого атрибута элемента FORM указывается адрес, куда отправлять данные формы?

Какой из приведенных фрагментов кода создает переключатель?

Укажите варианты, в которых правильно определён обработчик формы:

Какой атрибут элемента FORM определяет список кодировок для вводимых данных?

Какой атрибут из перечисленных принадлежит тегу INPUT:

С помощью какого контейнера задается форма?

Какой из приведенных тегов используется при создании элементов с возможностью выбора нескольких вариантов одновременно?

Какой из перечисленных элементов формы является необходимым для передачи формы на сервер?

В каком случае форма будет отправлена методом «post»?

Какие теги используются для создания текстовых полей ввода в форме?

В каких примерах внешний FRAMESET делит доступное пространство на три столбца, а внутренний FRAMESET делит второй фрейм на два ряда неравной высоты?

Какой атрибут элемента FRAME определяет ссылку на длинное описание фрейма?

В каких случаях возможность прокрутки окна фрейма будет предоставляться при необходимости?

Допустимо ли следующее использование элемента FRAME?
<HTML>
<FRAME SRC="main.html">
<FRAMESET ROW="20%, *">
 <FRAME SRC="frame1.html">
 <FRAME SRC="frame2.html">
</FRAMESET>
</HTML>

В каких случаях возможность прокрутки окна фрейма будет всегда недоступна?

Какой атрибут определяет имя фрейма, в котором будет открыт документ?

В каком случае возможность прокрутки окна фрейма будет доступна всегда?

Установив какой атрибут, можно ссылаться на него как на «target» для ссылок, определенных в других элементах?

Укажите вариант, в котором описано значение атрибута cols элемента FRAMESET по умолчанию:

Для каких элементов может быть установлен атрибут target?

Укажите вариант, в котором описано значение атрибута rows элемента FRAMESET по умолчанию:

При задании какого атрибута браузер будет рисовать разделитель между этим фреймом и каждым смежным фреймом?

В каком примере FRAMESET делит экран на два горизонтальных фрейма?

С помощью какого контейнера задается фреймовая структура документа?

В каком примере второй столбец = 250 пикселов, первый = 25% и третий = 75% от оставшегося пространства?

В каких примерах определены таблицы фреймов из 2 строк и 3 столбцов?

Какие функции можно реализовать с помощью элемента разметки META?

В какой таблице текст выравнен по левому краю ячеек?


Укажите верный способ определения карты изображения:

Какие из приведенных тегов неверно описывают активное изображение?

В каком примере корректно описан элемент TR?

Какой пример кода определяет вывод горизонтальных фреймов?

Какой из приведенных тегов описывает тело классической модели документа?

НОУ ИНТУИТ | Лекция | Структура HTML-документа и элементы разметки заголовка документа

Аннотация: В этой лекции разбираются типовая структура HTML-документа и содержание его заголовка. Подробно описывается содержание элементов разметки, и разбираются формат и назначение каждого из элементов разметки заголовка.

HTML-документ — это один большой контейнер, который начинается с тега <HTML> и заканчивается тегом </HTML>:

<HTML>Содержание документа</HTML>

Контейнер HTML или гипертекстовый документ состоит из двух других вложенных контейнеров: заголовка документа ( HEAD ) и тела документа ( BODY ). Рассмотрим простейший пример классического документа.

<HTML>
<HEAD>
<TITLE>Простейший документ</TITLE> 
</HEAD>
<BODY TEXT=#0000ff BGCOLOR=#f0f0f0>
<h2>Пример простого документа</h2>
<HR>
Формы HTML-документов
<UL>
<LI>Классическая
<LI>Фреймовая
</UL>
<HR>
</BODY>
</HTML>

Компания Netscape Communication расширила классическую форму документа возможностью организации фреймов (кадров), позволяющих разделить рабочее окно программы просмотра на несколько независимых фреймов. В каждый фрейм можно загрузить свою страницу HTML. Приведем пример документа с фреймами.

<HTML>
<HEAD>
<TITLE>Документ с фреймами</TITLE>
</HEAD>
<FRAMESET COLS="30%,*">
<FRAME SRC=frame1.htm NAME=LEFT>
<FRAME SRC=frame2.htm NAME=RIGHT>
</FRAMESET>
</HTML>

Назначение заголовка

Заголовок HTML-документа является необязательным элементом разметки. В HTML 2.0 предлагалось вообще отказаться от элементов HEAD и BODY. В то время в HTML не было элементов, которые использовались одновременно и в заголовке, и в теле документа. Современная практика HTML-разметки такова, что почти в каждом документе есть HTML- заголовок.

Первоначально существование заголовка определялось необходимостью именования окна браузера. Это достигалось за счет элемента разметки TITLE:

<HTML>
 <HEAD>
  <TITLE>Это заголовок</TITLE>
 ...
 </HEAD>
 <BODY>
 ...
 </BODY>
</HTML>
Отображение содержания элемента TITLE

Однако задумывался заголовок для несколько иных целей. Исходя из общих соображений, связанных с теорией и практикой разработки и эксплуатации гипертекстовых систем, все гипертекстовые связи информационных узлов принято разделять на контекстные и общие.

Контекстные гипертекстовые связи соответствуют определенному месту документа — контексту. В HTML такие связи реализованы в виде гипертекстовых ссылок (элемент A (anchor)). Фактически до реализации таблиц описателей стилей в современных браузерах это был единственный вид связей, которыми мог управлять автор HTML-документа.

Общие гипертекстовые связи определяются не частью документа (контекстом), а всем документом целиком. Например, быть предыдущим по отношению к другому документу или следующим — это общая гипертекстовая связь, которая позволяет организовать так называемый «линейный» просмотр информационных узлов гипертекстовой сети.

Реализация такого сорта ссылок уже давно является частью проектов W3C (Arena, Amaya). В коммерческих браузерах такой механизм реализован только для описателей стилей (элемент разметки LINK ).

Важную роль заголовок HTML-документа играет в JavaScript. Существует принципиальная разница между заголовком и телом документа при использовании элемента разметки SCRIPT. Она заключается в определении зоны видимости функций и переменных. Переменные и функции, определенные в заголовке документа, относятся ко всему окну браузера. Это значит, что к ним можно обратиться из любого места документа и изменить их значения. Кроме того, к ним можно обратиться из другого окна или фрейма. Фактически, это глобальные переменные. При работе с многослойными документами переменные и функции тела относятся к слоям, что делает доступ к ним неудобным.

Еще одной функцией заголовка HTML-документа является управление HTTP-обменом через элемент разметки META. При современной практике размещения Web-узлов компаний на серверах провайдеров администраторы этих узлов могут не иметь возможности управлять программой-сервером. В этом случае для управления обменом остается только одна возможность — через заголовок HTML-документа.

Нельзя также не упомянуть еще об одном важном назначении заголовка HTML-документа — поисковом образе документа для индексирования роботами поисковых систем. Элемент META позволяет хранить списки ключевых слов и описания документа, которые будут использоваться для составления индекса поисковой системы и появляться в качестве описания документа в случае выдачи ссылки на него при поиске по ключевым словам.

НОУ ИНТУИТ | Лекция | Структура HTML-документа и элементы разметки заголовка документа

Аннотация: В этой лекции разбираются типовая структура HTML-документа и содержание его заголовка. Подробно описывается содержание элементов разметки, и разбираются формат и назначение каждого из элементов разметки заголовка.

HTML-документ — это один большой контейнер, который начинается с тега <HTML> и заканчивается тегом </HTML>:

<HTML>Содержание документа</HTML>

Контейнер HTML или гипертекстовый документ состоит из двух других вложенных контейнеров: заголовка документа ( HEAD ) и тела документа ( BODY ). Рассмотрим простейший пример классического документа.

<HTML>
<HEAD>
<TITLE>Простейший документ</TITLE> 
</HEAD>
<BODY TEXT=#0000ff BGCOLOR=#f0f0f0>
<h2>Пример простого документа</h2>
<HR>
Формы HTML-документов
<UL>
<LI>Классическая
<LI>Фреймовая
</UL>
<HR>
</BODY>
</HTML>

Компания Netscape Communication расширила классическую форму документа возможностью организации фреймов (кадров), позволяющих разделить рабочее окно программы просмотра на несколько независимых фреймов. В каждый фрейм можно загрузить свою страницу HTML. Приведем пример документа с фреймами.

<HTML>
<HEAD>
<TITLE>Документ с фреймами</TITLE>
</HEAD>
<FRAMESET COLS="30%,*">
<FRAME SRC=frame1.htm NAME=LEFT>
<FRAME SRC=frame2.htm NAME=RIGHT>
</FRAMESET>
</HTML>

Назначение заголовка

Заголовок HTML-документа является необязательным элементом разметки. В HTML 2.0 предлагалось вообще отказаться от элементов HEAD и BODY. В то время в HTML не было элементов, которые использовались одновременно и в заголовке, и в теле документа. Современная практика HTML-разметки такова, что почти в каждом документе есть HTML- заголовок.

Первоначально существование заголовка определялось необходимостью именования окна браузера. Это достигалось за счет элемента разметки TITLE:

<HTML>
 <HEAD>
  <TITLE>Это заголовок</TITLE>
 ...
 </HEAD>
 <BODY>
 ...
 </BODY>
</HTML>
Отображение содержания элемента TITLE

Однако задумывался заголовок для несколько иных целей. Исходя из общих соображений, связанных с теорией и практикой разработки и эксплуатации гипертекстовых систем, все гипертекстовые связи информационных узлов принято разделять на контекстные и общие.

Контекстные гипертекстовые связи соответствуют определенному месту документа — контексту. В HTML такие связи реализованы в виде гипертекстовых ссылок (элемент A (anchor)). Фактически до реализации таблиц описателей стилей в современных браузерах это был единственный вид связей, которыми мог управлять автор HTML-документа.

Общие гипертекстовые связи определяются не частью документа (контекстом), а всем документом целиком. Например, быть предыдущим по отношению к другому документу или следующим — это общая гипертекстовая связь, которая позволяет организовать так называемый «линейный» просмотр информационных узлов гипертекстовой сети.

Реализация такого сорта ссылок уже давно является частью проектов W3C (Arena, Amaya). В коммерческих браузерах такой механизм реализован только для описателей стилей (элемент разметки LINK ).

Важную роль заголовок HTML-документа играет в JavaScript. Существует принципиальная разница между заголовком и телом документа при использовании элемента разметки SCRIPT. Она заключается в определении зоны видимости функций и переменных. Переменные и функции, определенные в заголовке документа, относятся ко всему окну браузера. Это значит, что к ним можно обратиться из любого места документа и изменить их значения. Кроме того, к ним можно обратиться из другого окна или фрейма. Фактически, это глобальные переменные. При работе с многослойными документами переменные и функции тела относятся к слоям, что делает доступ к ним неудобным.

Еще одной функцией заголовка HTML-документа является управление HTTP-обменом через элемент разметки META. При современной практике размещения Web-узлов компаний на серверах провайдеров администраторы этих узлов могут не иметь возможности управлять программой-сервером. В этом случае для управления обменом остается только одна возможность — через заголовок HTML-документа.

Нельзя также не упомянуть еще об одном важном назначении заголовка HTML-документа — поисковом образе документа для индексирования роботами поисковых систем. Элемент META позволяет хранить списки ключевых слов и описания документа, которые будут использоваться для составления индекса поисковой системы и появляться в качестве описания документа в случае выдачи ссылки на него при поиске по ключевым словам.

НОУ ИНТУИТ | Лекция | Структура HTML-документа и элементы разметки заголовка документа

Аннотация: В этой лекции разбираются типовая структура HTML-документа и содержание его заголовка. Подробно описывается содержание элементов разметки, и разбираются формат и назначение каждого из элементов разметки заголовка.

HTML-документ — это один большой контейнер, который начинается с тега <HTML> и заканчивается тегом </HTML>:

<HTML>Содержание документа</HTML>

Контейнер HTML или гипертекстовый документ состоит из двух других вложенных контейнеров: заголовка документа ( HEAD ) и тела документа ( BODY ). Рассмотрим простейший пример классического документа.

<HTML>
<HEAD>
<TITLE>Простейший документ</TITLE> 
</HEAD>
<BODY TEXT=#0000ff BGCOLOR=#f0f0f0>
<h2>Пример простого документа</h2>
<HR>
Формы HTML-документов
<UL>
<LI>Классическая
<LI>Фреймовая
</UL>
<HR>
</BODY>
</HTML>

Компания Netscape Communication расширила классическую форму документа возможностью организации фреймов (кадров), позволяющих разделить рабочее окно программы просмотра на несколько независимых фреймов. В каждый фрейм можно загрузить свою страницу HTML. Приведем пример документа с фреймами.

<HTML>
<HEAD>
<TITLE>Документ с фреймами</TITLE>
</HEAD>
<FRAMESET COLS="30%,*">
<FRAME SRC=frame1.htm NAME=LEFT>
<FRAME SRC=frame2.htm NAME=RIGHT>
</FRAMESET>
</HTML>

Назначение заголовка

Заголовок HTML-документа является необязательным элементом разметки. В HTML 2.0 предлагалось вообще отказаться от элементов HEAD и BODY. В то время в HTML не было элементов, которые использовались одновременно и в заголовке, и в теле документа. Современная практика HTML-разметки такова, что почти в каждом документе есть HTML- заголовок.

Первоначально существование заголовка определялось необходимостью именования окна браузера. Это достигалось за счет элемента разметки TITLE:

<HTML>
 <HEAD>
  <TITLE>Это заголовок</TITLE>
 ...
 </HEAD>
 <BODY>
 ...
 </BODY>
</HTML>
Отображение содержания элемента TITLE

Однако задумывался заголовок для несколько иных целей. Исходя из общих соображений, связанных с теорией и практикой разработки и эксплуатации гипертекстовых систем, все гипертекстовые связи информационных узлов принято разделять на контекстные и общие.

Контекстные гипертекстовые связи соответствуют определенному месту документа — контексту. В HTML такие связи реализованы в виде гипертекстовых ссылок (элемент A (anchor)). Фактически до реализации таблиц описателей стилей в современных браузерах это был единственный вид связей, которыми мог управлять автор HTML-документа.

Общие гипертекстовые связи определяются не частью документа (контекстом), а всем документом целиком. Например, быть предыдущим по отношению к другому документу или следующим — это общая гипертекстовая связь, которая позволяет организовать так называемый «линейный» просмотр информационных узлов гипертекстовой сети.

Реализация такого сорта ссылок уже давно является частью проектов W3C (Arena, Amaya). В коммерческих браузерах такой механизм реализован только для описателей стилей (элемент разметки LINK ).

Важную роль заголовок HTML-документа играет в JavaScript. Существует принципиальная разница между заголовком и телом документа при использовании элемента разметки SCRIPT. Она заключается в определении зоны видимости функций и переменных. Переменные и функции, определенные в заголовке документа, относятся ко всему окну браузера. Это значит, что к ним можно обратиться из любого места документа и изменить их значения. Кроме того, к ним можно обратиться из другого окна или фрейма. Фактически, это глобальные переменные. При работе с многослойными документами переменные и функции тела относятся к слоям, что делает доступ к ним неудобным.

Еще одной функцией заголовка HTML-документа является управление HTTP-обменом через элемент разметки META. При современной практике размещения Web-узлов компаний на серверах провайдеров администраторы этих узлов могут не иметь возможности управлять программой-сервером. В этом случае для управления обменом остается только одна возможность — через заголовок HTML-документа.

Нельзя также не упомянуть еще об одном важном назначении заголовка HTML-документа — поисковом образе документа для индексирования роботами поисковых систем. Элемент META позволяет хранить списки ключевых слов и описания документа, которые будут использоваться для составления индекса поисковой системы и появляться в качестве описания документа в случае выдачи ссылки на него при поиске по ключевым словам.

НОУ ИНТУИТ | Лекция | Структура HTML-документа и элементы разметки заголовка документа

Аннотация: В этой лекции разбираются типовая структура HTML-документа и содержание его заголовка. Подробно описывается содержание элементов разметки, и разбираются формат и назначение каждого из элементов разметки заголовка.

HTML-документ — это один большой контейнер, который начинается с тега <HTML> и заканчивается тегом </HTML>:

<HTML>Содержание документа</HTML>

Контейнер HTML или гипертекстовый документ состоит из двух других вложенных контейнеров: заголовка документа ( HEAD ) и тела документа ( BODY ). Рассмотрим простейший пример классического документа.

<HTML>
<HEAD>
<TITLE>Простейший документ</TITLE> 
</HEAD>
<BODY TEXT=#0000ff BGCOLOR=#f0f0f0>
<h2>Пример простого документа</h2>
<HR>
Формы HTML-документов
<UL>
<LI>Классическая
<LI>Фреймовая
</UL>
<HR>
</BODY>
</HTML>

Компания Netscape Communication расширила классическую форму документа возможностью организации фреймов (кадров), позволяющих разделить рабочее окно программы просмотра на несколько независимых фреймов. В каждый фрейм можно загрузить свою страницу HTML. Приведем пример документа с фреймами.

<HTML>
<HEAD>
<TITLE>Документ с фреймами</TITLE>
</HEAD>
<FRAMESET COLS="30%,*">
<FRAME SRC=frame1.htm NAME=LEFT>
<FRAME SRC=frame2.htm NAME=RIGHT>
</FRAMESET>
</HTML>

Назначение заголовка

Заголовок HTML-документа является необязательным элементом разметки. В HTML 2.0 предлагалось вообще отказаться от элементов HEAD и BODY. В то время в HTML не было элементов, которые использовались одновременно и в заголовке, и в теле документа. Современная практика HTML-разметки такова, что почти в каждом документе есть HTML- заголовок.

Первоначально существование заголовка определялось необходимостью именования окна браузера. Это достигалось за счет элемента разметки TITLE:

<HTML>
 <HEAD>
  <TITLE>Это заголовок</TITLE>
 ...
 </HEAD>
 <BODY>
 ...
 </BODY>
</HTML>
Отображение содержания элемента TITLE

Однако задумывался заголовок для несколько иных целей. Исходя из общих соображений, связанных с теорией и практикой разработки и эксплуатации гипертекстовых систем, все гипертекстовые связи информационных узлов принято разделять на контекстные и общие.

Контекстные гипертекстовые связи соответствуют определенному месту документа — контексту. В HTML такие связи реализованы в виде гипертекстовых ссылок (элемент A (anchor)). Фактически до реализации таблиц описателей стилей в современных браузерах это был единственный вид связей, которыми мог управлять автор HTML-документа.

Общие гипертекстовые связи определяются не частью документа (контекстом), а всем документом целиком. Например, быть предыдущим по отношению к другому документу или следующим — это общая гипертекстовая связь, которая позволяет организовать так называемый «линейный» просмотр информационных узлов гипертекстовой сети.

Реализация такого сорта ссылок уже давно является частью проектов W3C (Arena, Amaya). В коммерческих браузерах такой механизм реализован только для описателей стилей (элемент разметки LINK ).

Важную роль заголовок HTML-документа играет в JavaScript. Существует принципиальная разница между заголовком и телом документа при использовании элемента разметки SCRIPT. Она заключается в определении зоны видимости функций и переменных. Переменные и функции, определенные в заголовке документа, относятся ко всему окну браузера. Это значит, что к ним можно обратиться из любого места документа и изменить их значения. Кроме того, к ним можно обратиться из другого окна или фрейма. Фактически, это глобальные переменные. При работе с многослойными документами переменные и функции тела относятся к слоям, что делает доступ к ним неудобным.

Еще одной функцией заголовка HTML-документа является управление HTTP-обменом через элемент разметки META. При современной практике размещения Web-узлов компаний на серверах провайдеров администраторы этих узлов могут не иметь возможности управлять программой-сервером. В этом случае для управления обменом остается только одна возможность — через заголовок HTML-документа.

Нельзя также не упомянуть еще об одном важном назначении заголовка HTML-документа — поисковом образе документа для индексирования роботами поисковых систем. Элемент META позволяет хранить списки ключевых слов и описания документа, которые будут использоваться для составления индекса поисковой системы и появляться в качестве описания документа в случае выдачи ссылки на него при поиске по ключевым словам.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *