САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ
×

HTML5 Учебник

HTML ГлавнаяHTML ВведениеHTML РедакторыHTML ОсновыHTML ЭлементыHTML АтрибутыHTML ЗаголовкиHTML ПараграфыHTML СтилиHTML ФорматированиеHTML ЦитированиеHTML КомментарииHTML ЦветаHTML c CSSHTML СсылкиHTML ИзображенияHTML ТаблицыHTML СпискиHTML БлокиHTML КлассыHTML ИдентификаторыHTML ФреймыHTML JavaScriptHTML Путь к ФайлуHTML ГлаваHTML МакетHTML АдаптивныйHTML Компьютерный кодHTML ОбъектыHTML СимволыHTML КодировкаHTML URL КодированиеHTML XHTML

HTML Формы

HTML ФормыHTML Элементы формыHTML Тип вводаHTML Атрибуты ввода

HTML5

HTML5 ВведениеHTML5 ПоддержкаHTML5 Новые ЭлементыHTML5 СемантикаHTML5 МиграцияHTML5 Синтасис

HTML Графика

HTML CanvasHTML SVGHTML Google Карта

HTML Медиа

HTML МедиаHTML ВидеоHTML АудиоHTML ОбъектыHTML YouTube

HTML API

HTML ГеолокацияHTML ПеретаскиваниеHTML Веб ХранилищеHTML Веб РаботникHTML СОС

HTML Примеры

HTML ПримерыHTML ВикторинаHTML УпражненияHTML СертификатHTML ЗаключениеHTML Возможности

HTML Справочники

HTML Список ТеговHTML АтрибутыHTML ГлобальныеHTML СобытияHTML ЦветаHTML ХолстHTML Аудио/ВидеоHTML ДекларацииHTML Набор КодировокHTML URL КодHTML Коды языкаHTML Коды странHTTP СообщенияHTTP МетодыКовертер PX в EMКлавишные комбинации

HTML Элементы



HTML элемент, как правило, состоит из начального и конечного тегов, и содержанием между ними:

<имя тега>содержимое документа...</имя тега>

HTML контент это, то, что находится от открывающего тега до закрывающего тега:

<p>Мой первый параграф.</p>
Начинающий тег Контент Конечный тег
<h1> Мой первый заголовок </h1>
<p> Мой первый параграф. </p>
<br>    

HTML элементы без содержимого, называются пустыми элементами. Пустые элементы не имеют закрывающего тега, например элемент <br> (который означает разрыв строки).


HTML Вложенные элементы

HTML элементы могут быть вложенными (элементы могут содержать элементы).

Все документы HTML состоят из вложенных элементов HTML.

В этом примере состоит из четырех элементов HTML:

Пример

<!DOCTYPE html>
<html>
<body>

<h1>Мой Первый Заголовок</h1>
<p>Мой первый параграф.</p>

</body>
</html>
Редактор кода »

Пример объяснение

Элемент <html> определяет весь документ.

Он имеет начальный тег <html> и конечный тег </html>.

Элемент содержит еще один HTML элемент <body>.

<html>
<body>

<h1>Мой Первый Заголовок</h1>
<p>Мой первый параграф.</p>

</body>
</html>

Элемент <body> определяет тело документа.

Он имеет начальный тег <body> и конечный тег </body>.

Элемент содержит два других HTML элементов <h1> и <p>.

<body>

<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>

</body>

Элемент <h1> определяет заголовок.

Он имеет начальный тег <h1> и конечный тег </h1>.

Элемент содержит: Мой первый заголовок.

<h1>Мой Первый Заголовок</h1>

Элемент <p> определяет параграф.

Он имеет начальный тег <p> и конечный тег </p>.

Элемент содержит: Мой первый параграф.

<p>Мой первый параграф.</p>

Не забудьте закрывающий тег

Некоторые HTML элементы будут отображаться некорректно, если вы забыли закрывающий тег:

Пример

<html>
<body>

<p>Это параграф
<p>Это параграф

</body>
</html>
Редактор кода »

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

Никогда не полагайтесь на это. Это может привести к непредсказуемым результатам и/или ошибки, если вы забыли закрывающий тег.


HTML Пустые элементы

HTML элементы без содержимого, называются пустыми элементами.

Пустой элемент <br> без закрывающего тега, определяет разрыв строки.

Пустые элементы могут быть "закрытые" в открывающем теге как: <br />.

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


Использовать строчные теги

HTML-теги не чувствительны к регистру: <p> означает то же, что и </p>.

Стандарт HTML5 не требует строчные теги, но W3C в HTML рекомендует нижний регистр, более строгий тип документа, так как XHTML, и требует строчный.

На SchoolsW3 мы всегда используем строчные теги.