Основные понятия Теги

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

Если браузер встретит какой-либо неизвестный ему тег, то проигнорирует его. Валидатор же сообщит об ошибке, если в HTML-документе будут обнаружены теги, не входящие в выбранную спецификацию HTML.

Теги бывают одинарные и парные.

Одинарный тег состоит только из одной последовательности символов - <тег>, т.е. в него не заключен никакой текст – он ему не нужен. Одинарный тег служит для других целей – перевода строки, вывода картинок, вывода элементов формы и т.д.

Парный тег. Парные теги еще называют контейнерами. Они имеют вид - <тег>какой-либо текст</тег>. При этом в тексте может содержаться любое количество других одинарных и/или парных тегов. Следует внимательно относиться к правильному написанию парных тегов. Отсутствие или ошибка в написании закрывающего парного тега могут привести к неправильному отображению страницы одним или несколькими браузерами. Верстка может поплыть.

Под фразой «верстка поплыла» понимаются любые неконтролируемые и не предусмотренные верстальщиком изменения в сверстанной веб-странице. Изменения могут проявляться во всех, но чаще в одном или нескольких браузерах. Причем в более сложных случаях верстка может плыть только при определенной ширине или высоте экрана браузера либо при каких-то других условиях.

Парный тег влияет только на тот текст и те теги, которые располагаются внутри него.

Блочные и строчные теги

Блочные теги – это теги, которые занимают всю доступную ширину экрана независимо от того, сколько текста и других элементов находится внутри тега. Любой тег, идущий за блочным, тегом, будет отображаться с новой строки.

Строчные (встроенные) теги - в отличие от блочных, занимают лишь ту ширину экрана, которая им реально нужна; при этом следующий за ними встроенный элемент на новую строку не переносится (конечно, если ему хватает места рядом с предыдущим строчным тегом).

Таблица 1.1. Разница между блочными и строчными тегами

Характеристики	Блочный тег	Строчный тег
Какие теги могут находиться внутри данныъх тегов?	Как блочные так и строчные	Только строчные
Тег начинается с новой строки?	Да, всегда	Нет, переносятся на новую строку только если на предыдущей нет места либо если предыдущий тег - блочный
Теги занимают всю доступную ширину окна браузера?	Да	Нет, их ширина равна ширине содержимого плюс размеры заданных отступов, полей и границ

Атрибуты и их значения

Внутри одинарного или открывающего тега блочного элемента могут находиться атрибуты и их значения:

<тег атрибут1=”значение1” атрибут2=”значение2”> текст </тег>

Порядок расположения атрибутов ни на что не влияет. Несколько атрибутов внутри одного тега разделяются пробелами, атрибуты также можно переносить на новую строку.

Значение атрибута указывается в кавычках после знака =. Кавычки могут быть двух типов:

• одинарные: ‘;

• двойные:”;

Другие кавычки использовать нельзя («,`). Разницы между одинарными и двойными кавычками нет. Одни и те же кавычки не могут быть вложены друг в друга. Если по каким-либо причинам это нужно сделать – внутренние кавычки нужно экранировать символом \. Вместо экранирования можно использовать спецсимвол &quot; - заменяет двойные кавычки.