5 способов использования мета-тэгов в HTML

Мета-тэги используются для хранения информации на веб-странице. Главным образом это информация о данных, необходимая браузерам и поисковым системам для лучшего её понимания. Веб-разработчики привыкли с помощью мета-тэгов размещать в коде страницы её описание, автора и ключевые слова. Prostoweb.com.ua предлагает перевод статьи с сайта hongkiat.com о других возможностях мета-тегов.

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

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

<meta http-equiv=”Cache-Control” content=”no-store” />

Этот мета-тэг распознают браузеры Firefox, Chrome и Internet Explorer, которые могут принимать большое количество параметров:

<meta http-equiv=”Cache-Control” content=”no-store” />

<meta http-equiv=”Pragma” content=”no-cache” />

Также вы можете задать дату истечения срока кэша, чтобы быть уверенным, что браузер будет показывать страницу с сервера, а не из кэша:

<meta http-equiv=”expires” content=”Fri, 26 Dec 2014 1:00:00 GMT” />

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

2. Установка cookie

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

Для того, чтобы установить cookie, используйте следующий мета-тэг:

<meta http-equiv=”Set-Cookie” content=”name=data; path=path; expires=Day, DD-MMM-YY HH:MM:SS ZONE” />

• name=data — это название cookie
• path=path — путь к файлу
• expires=Day, DD-MMM-YY HH:MM:SS ZONE — дата и время, когда cookie будет удалён с вашего компьютера. Если вы не зададите этот параметр, cookie будет удаляться после закрытия браузера.

Пример cookie, истекающего 31 января 2015 года:

<meta http-eqiuv=”Set-Cookie” content=”name=data; path=path; expires=Thursday, 01-Jan-2015 00:00:00 GMT” />

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

Вы можете сделать так, чтобы веб-страница обновлялась через определённый промежуток времени. Ниже приведенный мета-тэг даёт браузеру команду обновлять страницу каждые 3 секунды:

<meta http-equiv=”refresh” content=”3” />

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

Также можно использовать мета-тэги для перенаправления посетителя с одной страницы на другую. Вот так можно направить посетителя на сайт google.com через 3 секунды:

<meta http-eqiuv=”refresh” content=”3; url=http://google.com” />

Для того, чтобы перенаправить посетителя мгновенно, установите значение в 0:

<meta http-eqiuv=”refresh” content=”0; url=http://google.com” />

5. Переходы между веб-страницами

С помощью мета-тэгов вы можете добавить переходы между страницами, как в PowerPoint’е:

<meta http-eqiuv=”page-enter” content=”revealtrans(duration=seconds, transition=num)” />

<meta http-eqiuv=”page-exit” content=”revealtrans(duration=seconds, transition=num)” />

Следует помнить, что переходы будут работать только в старых версиях Internet Explorer’а, так как page-enter и page-exit описаны в спецификации Microsoft.

Вы можете задать длительность перехода параметром duration=seconds. Переход задаётся целым числом от 0 до 23.

Если вы знаете как еще можно использовать мета-теги – делитесь с нашими читателями в комментариях!

Первоисточник - сайт hongkiat.com