Согласие на обработку персональных данных.

16.10.2018
Новая статья Типизированные и нетипизированные указатели.

09.10.2018
Новые видео и статья Как изменить цвет текста в HTML.

02.10.2018
Новый выпуск журнала Автоматизация и программирование.

28.09.2018
Новые видео и статья Процедура Close.

26.09.2018
Новые видео и статья Как уменьшить размер программы в Lazarus.



Раздел: Сайтостроение / HTML /

Обязательные теги 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">

ВНИМАНИЕ!
Мы можете быть неприятно удивлены, когда загрузив вашу страницу в браузер, вместо человеческих букв увидите “краказябры”. Это может быть вызвано следующими причинами:
  1. Вы неправильно указали кодировку. Например, страница создана в редакторе utf-8 (то есть фактически имеет кодировку Юникод), в вы указали windows-1251.
  2. Вы вообще не указали кодировку, и определить её автоматически браузер тоже не смог.

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

Неправильная кодировка (набор символов)

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

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


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

Очень небольшая книга, которую можно прочитать буквально за 15 минут. Но эти 15 минут дадут вам представление о том, как создаются современные сайты... Подробнее...
Инфо-МАСТЕР ®
Все права защищены ©
e-mail: mail@info-master.su

Яндекс.Метрика