Интернет магазин шабонов
Форма входа

Статьи сайта

Функции, которые вы можете сделать с мета-тегами HTML

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

Как веб-разработчики, мы привыкли через настройки указывать к странице мета-теги такие как: description, author, и keywords. Тем не менее, существует ряд возможностей мета тегов, которые большинство из нас, вероятно об этом и не знают. В этой статье я собрал 5 функции мета тегов, о которых возможно вы не слышали раньше.

1. Управление Кэшем браузера



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

Чтобы отключить кэш браузера, вы можете использовать:
Код
<meta http-equiv="Cache-Control" content="no-store" />

Этот мета-тег поддерживается в Firefox, Chrome, и Internet Explorer.
Тем более в IE, вы можете использовать несколько значений и спецификации для отключения кэширования следующим образом.
Код
<meta http-equiv="Cache-Control" content="no-cache" />  
<meta http-equiv="Pragma" content="no-cache" />

Вы также можете установить дату истечения срока для того, чтобы браузер показал файл, который только что поступил от сервера, а не из кэша.
Код
<meta http-equiv="expires" content="Fri, 18 Jul 2014 1:00:00 GMT" />

В мета-данных выше обозначено то, что документ считается истекшим после указанной даты и времени. Если вы установите его на "0", то браузер будет проверять повторно новый документ при каждом визите.

2. Установка Cookies (куки)



Подобно кэша, куки представляют собой небольшой фрагмент данных, который хранится в браузере с помощью веб-сайтов, которые вы посещали. Веб-сайты могут использовать куки для адаптирования некоторых функций веб-сайта. Например, реальный повседневный пример в интернет-магазине. Если вы добавили один или несколько товаров в корзину, и еще не проверили, то они останутся в корзине, даже если вы оставили браузер в покое без действий в течение нескольких дней.
Чтобы установить куки на мета-теги, можно использовать:
Код
<meta http-equiv="Set-Cookie" content="name=data; path=path; expires=Day, DD-MMM-YY HH:MM:SS ZONE">

name=data - это имя из куков, которое определяет значения, установленные в нем.
path - это путь документа.
expired - указывает время и дату, когда куки удалены с вашего компьютера. Если оставить expired пустым, куки, будут удалены, как только вы выйти из браузера.

В качестве примера, если мы хотим чтобы куки истекли 31 января 2015 года, мы можем установить:
Код
<meta http-equiv="Set-Cookie" content="name=data; path=path; expires=Thursday, 01-Jan-2015 00:00:00 GMT">

3. Обновление веб-страниц



Можно задать обновление для страницы после определенного периода.
meta http-equiv="refresh" - определяет задержку в секундах для браузера, затем автоматически обновляет страницу.

Указанная ниже спецификация мета-тега, будет делать обновление страницы браузером через каждые 5 секунд.
Код
<meta http-equiv="refresh" content="5">


Пример:


4. Перенаправление


Мы можем также использовать refresh для мета-тэга, который перенаправляет на определенную страницу. В следующем примере нас перенаправит к example.com после просмотра страницы в 5 секунд.
Код
<meta http-equiv="refresh" content="5; url=http://example.com/">

Это будет выглядеть так:

Чтобы сразу перенаправить на страницу, установите значение "0", следующим образом:
Код
<meta http-equiv="refresh" content="0; url=http://example.com/">

5. Страничные переходы


Вы также можете применять переходы к веб-страницам с мета-тегами в пути, который похож на PowerPoint. Синтаксис перехода с страницы, мета-тег выглядит следующим образом:
Код
<meta http-equiv="page-enter" content="revealtrans(duration=seconds,transition=num)" />
<meta http-equiv="page-exit" content="revealtrans(duration=seconds,transition=num)" />
<meta http-equiv="page-enter" content="blendTrans(duration=sec)" />

Обратите внимание, что это работает только на древнем Internet Explorer начиная с page-enter и page-exit, которые являются собственными характеристиками мета-тегов Microsoft.
Вы можете указать, как долго будет работать переход используя duration. Переход должен быть заполнен целым числом между 0 - 23, который относится к типу перехода предоставленной Microsoft. Тем самым,
Код
<meta http-equiv="page-enter" content="blendTrans(duration=sec)" />
является другим значением, которое приходит без переходного типа.

Источник: http://art-ucoz.ru
Добавлять комментарии могут только зарегистрированные пользователи.