Подписаться на рассылку:

Ваш e-mail:

Ваше имя:

Авторизация:

Регистрация Забыли пароль ?

Мета теги HTML

Мета теги HTML

Сегодня я познакомлю Вас с основными мета тегами в HTML, которые нужно использовать при создании сайта. Использование мета тегов дает нам возможность общаться с браузером, давая ему какие-либо команды, либо через них мы можем передавать информацию для поисковых систем. Все мета теги, устанавливаются в заголовке документа и являются служебными, поэтому они никак не влияют на отображение содержимого страницы. Рассмотрим первый мета тег, при помощи которого мы указываем браузеру, какая кодировка будет использована в документе. Если в предыдущей версии HTML, данный тег был немного объемным, то в версии HTML5, его написание значительно сократилось. И пишется он следующим образом:

<meta charset="utf-8" />

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

Сейчас разберем два мета тега для поисковых систем:

<meta name="description" content="описание страницы" />

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

<meta name="keywords" content="ключевые слова страницы" />

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

Последний мета тег, который мы с Вами рассмотрим, и я рекомендую Вам использовать, называется viewport.

<meta name="viewport" content="width=device-width" />

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

5 последних свежих статей:

Методы alert, prompt, confirm в JavaScript

Методы alert, prompt, confirm в JavaScript

И снова я приветствую Вас в очередной теме посвященной языку JavaScript, в которой мы разберем методы alert, prompt, confrim.


Конструкция switch-case в JavaScript

Конструкция switch-case в JavaScript

Всем привет, сегодня мы рассмотрим с Вами конструкцию switch-case в языке JavaScript.


Всплывающая подсказка на CSS

Всплывающая подсказка на CSS

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


Псевдокласс target в CSS

Псевдокласс target в CSS

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


Как вставить видео с YouTube

Как вставить видео с YouTube

Довольно часто Вы видите на различных ресурсах видео, которое хранится на сервисе youtube, но каким-то образом его можно воспроизвести на данном сайте. Об этом сегодня пойдет речь, и я расскажу Вам, как вставить видео с YouTube.

Добавить комментарий: