Основы HTML

  1. Термины и определения
  2. Принципы WEB 2.0
  3. Структура HTML-документа
  4. Основные метатеги
  5. Форматирование текста HTML
  6. Списки
  7. Текст фиксированного формата
  8. Выделение фрагментов текста
  9. Изменение параметров шрифта
  10. Графика
  11. Таблицы
  12. Гиперссылки
  13. Изображения-карты
  14. Фреймы

Основы CSS3

  1. Что такое CSS
  2. Синтаксис CSS
  3. Стилевые классы
  4. Комбинированные стили
  5. Таблицы CSS
  6. Правила каскадности CSS
  7. Рекомендации применения стилей
  8. Параметры шрифтов
  9. Разрывы строк, вертикальное выравнивание
  10. Параметры фона
  11. Параметры абзаца
  12. Параметры списков
  13. Параметры курсора
  14. Параметры отступов
  15. Параметры рамки
  16. Параметры выделения
  17. Параметры отображения
  18. Контейнеры


   

Основные метатеги

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

Метатеги находятся в контейнере HEAD и идут сразу за TITLE.

Кодировка страницы сообщает браузеру какой набор символов использовать при отображении страницы. Если кодировка не указана, то браузер попытается ее определить самостоятельно, что может стать причиной некорректного отображения содержания HTML-страницы.


ПРИМЕР:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> - HTML4
<meta charset="UTF-8"> - HTML5

В HTML5 задается краткая информация, что упрощает работу веб-мастера и обеспечивает обратную совместимость с более ранними версиями HTML.

Самой популярной кодировкой является UTF-8 (Unicode) - это универсальная кодировка, которая удовлетворяет потребности большинства веб-мастеров. Для добавления нестандртных символов, которых нет в UTF-8, следует обратиться к специальной таблице, например XHTML Character Entity Reference


ВАЖНО!

Если кодировка страницы не задана, это может создать угрозу безопасности для сайта.


Язык HTML-страницы. Для определения языка HTML-страницы в HTML5 применяют атрибут lang.


ПРИМЕР:

<meta lang="en"> - английский язык;
<meta lang="ru"> - русский язык;
<meta lang="es"> - испанский язык;
<meta lang="it"> - итальянский язык;
<meta lang="de"> - немецкий язык;
<meta lang="fr"> - французский язык;
<meta lang="uk"> - украинский язык;
<meta lang="pl"> - польский язык;

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


ПРИМЕР:

<meta name="Title" content="***">
<meta name="description" content="***">
<meta name="keywords" content="***">


ПРИМЕР:

<!DOCTYPE HTML>

<html>
<head>
	<title>Обучение HTML</title>
	<meta charset="UTF-8">
	<meta lang="ru">
	<meta name="Title" content="Обучение HTML">
	<meta name="description" content="Уроки по изучению языка HTML">
	<meta name="keywords" content="html, уроки html">
</head>

<body>

Я изучил основные метатеги!

</body>
</html>

TOP ↑