Обязательные теги HTML

План заработка в Интернете

Как правильно выбрать партнерские программы, чтобы гарантированно зарабатывать? Что необходимо сделать вначале, чтобы ваш заработок был стабильным и предсказуемым? Возможно ли стартовать вообще без денег и каких-либо вложений в рекламу? Этот план поможет вам сделать первые шаги к заработку, даст ответы на важные вопросы и убережет от ошибок в начале пути. Подробнее...

Как мы выяснили ранее, теги могут быть обязательными и необязательными. Однако надо сказать, что современные браузеры настолько умные, что можно считать, что все теги являются необязательными. Докажу это на примере. Но для начала разберёмся с тем, что такое HTML-страница.

Что такое HTML-документ

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

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

Шаблон HTML-документа

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

Шаблон может быть таким:

<!DOCTYPE HTML>
<html>
<head>
<title>Шаблон HTML-документа</title>
<meta charset="utf-8">
</head>
<body>

  <p>Текст страницы</p>

</body>
</html>

Теги, выделенные цветом, являются условно обязательными. Я говорю “условно”, потому что даже если этих тегов не будет, современные браузеры всё-равно поймут (по расширению файла и по наличию других элементов HTML), что это HTML-документ.

Более того, если вы напишите просто текст, или текст с тегами, не используя при этом обязательных тегов, то браузер всё-равно отобразит страницу правильно (см. видео).

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

А теперь кратко о назначении этих тегов.

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

Между тегами <head> и </head> находится заголовочная часть документа. Всё, что расположено между этими тегами, не отображается браузером. Здесь могут быть разные служебные данные, а также мета-теги (о них в другой раз) и сценарии (скрипты).

Между тегами <title> и </title> можно написать заголовок страницы. Этот заголовок будет отображаться браузером в адресной строке и в заголовочной части вкладки (окна), в которой открывается страница.

Ну и наконец, самая главная часть страницы - это её содержимое. Текст страницы (а также картинки и другое содержимое) располагается между тегами <body> и </body>.

Обязательные мета-теги

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

Мета тег является непарным. Записывается он так:

<meta Параметр="Значение">

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

Сделать это можно так:

<meta charset="utf-8">

Здесь мы задаём кодировку utf-8 (Юникод).

Если надо определить набор русских символов ANSI, то сделать это можно так:

<meta charset="windows-1251">

ВНИМАНИЕ!
Мы можете быть неприятно удивлены, когда загрузив вашу страницу в браузер, вместо человеческих букв увидите “краказябры”. Это может быть вызвано следующими причинами:

Вы неправильно указали кодировку. Например, страница создана в редакторе utf-8 (то есть фактически имеет кодировку Юникод), в вы указали windows-1251.
Вы вообще не указали кодировку, и определить её автоматически браузер тоже не смог.

Пример “краказябр” см. на рисунке:

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

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

Вступить в группу "Основы программирования"

Подписаться на канал в РУТУБ

Подписаться на Дзен-канал

Подписаться на рассылки по программированию

Как создать свой сайт

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

Помощь в технических вопросах

Помощь студентам. Курсовые, дипломы, чертежи (КОМПАС), задачи по программированию: Pascal/Delphi/Lazarus; С/С++; Ассемблер; языки программирования ПЛК; JavaScript; VBScript; Fortran; Python; C# и др. Разработка (доработка) ПО ПЛК (предпочтение - ОВЕН, CoDeSys 2 и 3), а также программирование панелей оператора, программируемых реле и других приборов систем автоматизации. Подробнее...

Главная
Контакты