Что вы называете тегами, которые не нуждаются в конечном теге? Чем непарные теги отличаются от парных

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

Одинарные теги HTML

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

Парные теги HTML

Парных тегов намного больше. У парного дескриптора есть открывающий и закрывающий тег. Парный тег образует контейнер. Содержимое контейнера – это то, что находится между открывающим и закрывающим тегом. В примере из этой статьи вы видели тег Что такое дескрипторы в HTML? , так вот, это парный тег, содержимым этого тега является текст «Что такое теги в HTML?». Его началом является тег , а концом .

Главная ошибка новичков в написании парных тегов, это путаница во вложенности. Например, вот это правильная запись:

Жирный абзац

. А вот ошибка:

Жирный абзац

, HTML документ с такой версткой считается не валидным. Чтобы не путать вложенность, делайте так: создаем парные теги , далее вкладываем в них другие , и в конце пишем текст внутрь обоих тегов

Как правильно писать парные теги

.

Что нового в HTML5 в плане тегов?

Язык HTML5 является расширением HTML4, поэтому он сохранил большую часть или все дескрипторы из HTML4 и добавил свои. В HTML5 появились специальные теги для разбиения сайта на основные блоки: шапка, меню, подвал, сайдбар и контент.

Почему важно научиться пользоваться тегами?

Поисковики Yandex и Google трепетно относятся к верстке HTML документов, проверяя их на валидность. Ищут в них ключевики заключенные в специальные дескрипторы и так далее. Но этот раздел не про это. Это относится к продвижению (SEO).

Как выучить все теги HTML?

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

Определение в Википедии: HTML (от англ. HyperText Markup Language - язык разметки гипертекста ) – стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML ). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.

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

Язык HTML отвечает за разметку страницы, за порядок и последовательность расположения ее элементов. При помощи HTML элементам страницы задают определенные свойства и характеристики. Редактирование текста - это тоже HTML.

Но HTML - это не язык программирования, как некоторые ошибочно полагают, - по сути это редактор, язык разметки гипертекстовых документов. И это, конечно же, основа веб-дизайна.

Теги парные и одиночные

Основой языка HTML являются теги . Каждый элемент страницы обозначен тем или иным тегом.

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

- парные теги . У таких тегов сначала идет открывающий тег - между символами "" , сообщающий браузеру о начале своего действия в данном месте; затем закрывающий тег – между символами"" (то есть у закрывающего тега к символу «меньше чем» - " , < hr/" > и < img src= "karen.jpg" alt= "Karen" / " > . Кроме того, используйте минимизированный синтаксис тегов для пустых элементов, например. < br/" > , поскольку альтернативный синтаксис

, разрешенный XML, дает неопределенные результаты во многих существующих пользовательских агентах.

С.3. Элемент Минимизация и содержимое пустого элемента

Для пустого экземпляра элемента, модель содержимого которого не является EMPTY (например, пустой заголовок или абзац), не используйте свернутую форму (например, используйте и не < p/" >).

В общем, если вы хотите быть точным, я бы рекомендовал использовать имена, определенные в соответствующем стандарте. Тогда, если люди не совсем уверены, что вы имеете в виду, они могут найти это в стандарте, чтобы узнать. Однако, если вы не хотите использовать имя в стандарте, вы можете называть его чем-то другим, если хотите. Важно то, что люди, которые общаются с вами, могут вас понять. Я не думаю, что кто-то неправильно понял бы вас, если бы вы использовали термин "самозакрывающийся тег" для тега в XML-документе, даже если стандарт официально называет его чем-то другим.

Благодаря Alohci для справки HTML 5.

Привет! Ну что, сделали свою первую страничку? Молодцы! Теперь давайте поговорим о тегах: что это такое и зачем они нужны.

Создание web страницы с помощью HTML осуществляется с использованием тегов. Каждый тег содержит в себе определенный элемент. А все вместе они образуют именно ту страницу, которая отображается в окнах браузеров. Это и есть те самые основы HTML. Давайте поговорим о них более подробно.

Любой тег, вне зависимости от его назначения и месторасположения, размещается между символами < и > , расположенными в начале и конце тега, соответственно.

Пример: Парные теги

Теги бывают двух видов. К первому относятся парные, включающие в себя две составляющие, от чего и получили свое название. Эти составляющие называются открывающимися и закрывающимися тегами. Закрывающийся тег отличается от своей пары наличием символа / , который ставится сразу после < .

Ко второму типу тегов относятся одиночные. И, как следует из названия, они не имеют пары в виде второго, закрывающего тега.

Одиночные HTML-теги

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

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

К числу таких тегов относятся:
, , .

Строка
Следующая строка

Если вы где-то увидите вот такой формат записи одиночного тега
, то знайте, что так они выставлялись в более ранних версиях HTML. Но сейчас, когда появился HTML 5, слэш использовать не обязательно.

Атрибуты HTML-тегов

Также в разговоре об основах HTML нельзя не упомянуть об атрибутах тегов. Для определенных тегов использование атрибутов не являются обязательным, но вполне допустимо. А в некоторых случаях – они нужны однозначно.

Примером такого случая может быть тег , который предназначен для того, чтобы вставлять на страницу изображение. Обязательным атрибутом для данного тега является src , с помощью которого можно указать, а где же именно находится картинка. Это делается для того, чтобы браузер смог открыть изображение. Если адрес картинки будет указан без атрибута, изображение на странице не отобразится.

Как правило, в большинстве случаев теги и атрибуты прописываются в HTML вот так:

У тега может быть как один, так и несколько атрибутов. Ниже вы можете видеть примеры.

......

Итак, надеюсь, тут всё просто и понятно. Но если вдруг что, смело спрашивайте - обязательно помогу. В следующих уроках мы будем разбирать различные теги и изучать, для чего каждый из них предназначен.