|
Синтаксис тегов
Всё то, что мы видим на дисплее своего монитора в окне браузера, называется веб-страницей. Таким образом, следует сделать справедливое заключение:
технологии веб-дизайна позволяют преобразовывать получаемый из сети
информационный поток, во вполне симпатичную «картинку».
Это достигается именно с помощью браузера: в его программном комплексе встроен
интерпретатор — программа, которая, грубо говоря, «расшифровывает» и выполняет
указания тегов (дескрипторов HTML). Что такое тег и дескриптор, смотрите в
материалах предыдущих обучающих сайтов.
У нас, в сущности, есть два варианта просмотра информации, получаемой с сервера:
интерпретированный (это значит, что браузер выводит на экран результат обработки
кода, полученного от сервера по протоколу HTTP), и собственно просмотр HTML-кода
(чтобы его увидеть, сделайте правый клик на тексте веб-страницы и выберите
соответствующий пункт контекстного меню).
В первом случае мы видим саму веб-страницу; во втором — её код.
Правила технологии HTML в веб-дизайне таковы, что путаться в них, мягко говоря,
нежелательно. При наборе кода, ощутимую помощь нам окажут соответствующие
редакторы, но применение таковых редакторов отнюдь не является решением всех
проблем; в по-настоящему сложных конструкциях, порою бывает сложно обнаружить
ошибку в исходном коде.
Сами же правила исключительно просты. Главное — не ошибаться в синтаксисе.
Синтаксис записи парных тегов:
Открывающий тег
Содержимое тега
Закрывающий тег
| <тег> |
Фрагмент кода или контента |
</тег> |
Синтаксис записи одиночного тега: <тег>
Пояснения:
1. Действие парного тега распространяется на всё его содержимое.
2. Действие одиночного тега носит либо точечный характер, либо распространяется
до следующего тега, определяющего тот же параметр разметки.
3. Не имеет значения регистр, в котором вводятся обозначения тегов.
Технологии веб-дизайна. Структура веб-страницы
Поскольку в дальнейшем мы будем работать с документами, составленными с
использованием какой-либо из технологий гипертекстовой разметки, запомните
первое правило веб-дизайна в отношении всех подобных материалов:
Документы, составленные в формате гипертекста, маркируются парным тегом —
аббревиатурой языка, на котором составлен документ.
Это значит, что наши материалы должны иметь маркировку «HTML»:
<HTML>
... содержание веб-страницы
..... ....
</HTML>
Таким образом, файл, обрабатываемый браузером, начинается с тега <HTML> и
заканчивается тегом </HTML>. Именно здесь, внутри данного дескриптора, действуют
все правила гипертекстовой разметки.
Простейшая разметка веб-страницы
В простейшем случае, веб-страница представляет из себя последовательность тегов
и их атрибутов, разбитых на две зависимые группы. Это так называемые «шапка
документа» (англ. HEAD — голова) и «тело документа» (англ. BODY — тело).
Внимание!
В технологиях веб-дизайна эти группы используются ВСЕГДА, в любом из языков
разметки.
Теги для их записи:
Шапка документа:
<HEAD>...</HEAD>
Тело документа:
<BODY>...</BODY>
Пояснения:
1. Содержимое тега HEAD на экран не выводится. Это служебная информация, а также
строки программного кода и т.п. данные, которые могут быть охарактеризованы как
«Информация для собственных нужд».
2. Содержимое тега BODY предназначено для размещения собственно контента
веб-страницы.
3. Оба упомянутых тега должны встречаться в листинге не более, чем по одному
разу.
4. Никакой информации какого бы то ни было вида, вне указанных тегов быть не
может (в противном случае, это указывает на крайнюю степень непрофессионализма).
Исключением являются лишь глобальные дескрипторы <HTML> и строка декларации
версии XML (см. ниже).
Таким образом, корректная запись кода простейшей веб-страницы выглядит вот так:
<HTML>
<HEAD>
... содержание заголовка (шапки)
</HEAD>
<BODY>...
... содержание тела веб-страницы
</BODY>
</HTML>
|
Статья: |
Синтаксис тегов |
|
Опорные темы: |
Веб-дизайн, технологии и термины (терминология) |
|
|
