Expires - срок действия или запрет кэширования страничек.

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

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

Для решения этой задачи вы можете непосредственно запретить браузеру кэшировать ваши странички. И, разумеется, нужно сделать это при помощи META-тега, воспользовавшись его свойством " expires". Оно указывает дату устаревания содержимого странички. Для того, чтобы страничка не кэшировалась, нам достаточно установить прошедшую дату. Например, вот так:

< meta http-equiv=" expires" content=" Mon, 01 Jan 1990 00: 00: 00 GMT" >

Тэг для определения того, до какого времени действительна кэшированная копия документа, будет выглядеть вот так:

< meta http-equiv=" expires" content=" Tue, 22 Aug 2001 12: 12: 00 GMT" >

Дата со значением 0 интерпретируется как " сейчас". Браузер каждый раз при запросе будет проверять, изменялся ли этот документ. Это нужно для того, чтобы при просмотре документа, браузер брал свежую версию, а не из кэша. Вместо Tue, 22 Aug 2001 12: 12: 00 GMT можно использовать значение never - никогда.

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

В целом это должно выглядеть так:

< html>

< head>

< META NAME=" ROBOTS" CONTENT=" ALL" >

< META HTTP-EQUIV=" Content-Language" CONTENT=" ru" >

< META NAME=" Description" CONTENT=" Здесь вы пишите описание_страницы." >

< META NAME=" Keywords" CONTENT=" Здесь вы пишите ключевые слова. " >

< META NAME=" Author" CONTENT=" Ваше имя " >

< META HTTP-EQUIV=" Reply-to" CONTENT=" Ваш E-mail" >

< META NAME=" Generator" CONTENT=" Программ с помощью которой создан документ" >

< META NAME=" Creation_Date" CONTENT=" число/ месяц /год" >

< META NAME=" revisit-after" CONTENT=" Сколько дней, или недель." >

< TITLE> Здесь вы пишите заголовок документа. < /TITLE>

< head>

Теперь создадим наш первый html-документ. Откройте «блокнот» и, руководствуясь ниже изложенным листингом, введите содержимое:

 

< html>

< head>

< title> Моя первая страница в html! < /title>

< /head>

< body>

< p> Привет, мир! < /p>

< /body>

< /html>

Листинг первой страницы

Сохраните документ, изменив расширение файла с.txt на.html. Откройте сохраненную вами страницу в браузере и посмотрите на результат.

Рис. 1 Вид первой страницы в браузере

 

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

 

Операции над текстом

В html имеется возможность производить операции над текстом. Опишем основные:

· < b> Текст< /b> - устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста;

· < i> Текст< /i> - устанавливает курсивное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста;

· < strong> Текст< /strong> - тег предназначен для акцентирования текста. Браузеры отображают такой текст жирным начертанием;

· < s> Текст< /s> или < strike> Текст< /strike> - тег < STRIKE> отображает текст как перечеркнутый. Этот тег аналогичен тегу < S>, который имеет сокращенную форму записи подобно тегам < B>, < I> и < U>. В любом случае, теги < STRIKE> и < S> осуждаются спецификацией HTML, взамен них рекомендуется использовать стили;

· < big> Текст< /big> - тег BIG увеличивает размер шрифта на единицу по сравнению с обычным текстом;

· < font> Текст< /font> - представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей. Параметры тега:

- color – устанавливает цвет текста;

- face - определяет гарнитуру шрифта;

- size – задает размер шрифта в условных единицах;

· < basefont> - предназначен для задания шрифта, размера и цвета текста по умолчанию. Указанные значения будут использоваться во всем документе за исключением тега < FONT>, в котором можно переопределить параметры оформления текста. Допускается использование тега в контейнере < HEAD> или < BODY>, причем несколько раз. Это позволяет изменять вид шрифта для части документа. Закрывающий тег не требуется. Параметры тега могут быть такими же, как и для < font> < /font>. Пример использования:

 

< html>

< head>

< title> Тег BASEFONT< /title>

< /head>

< body>

< basefont face=" Arial, Helvetica, sans-serif" size=" 4" color=" maroon" >

< p> Добро пожаловать на мою страничку, которая оформлена с использование

тега BASEFONT< /p>

< /body>

< /html>

Листинг использования тега < basefont>

 

· < bdo> Текст< /bdo> - устанавливает направление вывода текста и преимущественно предназначен для использования с языками, где чтение происходит справа налево. Например, к ним относится арабский язык;

· < blockquote> Текст< /blockquote> - предназначен для выделения длинных цитат внутри документа. Текст, обозначенный этим тегом, традиционно отображается как выровненный блок с отступами слева и справа (примерно по 40 пикселов), а также с отбивкой сверху и снизу;

· < cite> Текст< /cite> - помечает текст как цитату или сноску на другой материал. Такое выделение удобно для изменения стиля текста через CSS, а также применяется для разделения кода HTML на структурные элементы. Браузеры обычно устанавливают текст внутри контейнера < CITE> курсивом;

· < del> Текст< /del> - используется для выделения текста, который был удален в новой версии документа. Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны. Браузеры обычно помечают текст в контейнере < DEL> как перечеркнутый.

· < dfn> Текст< /dfn> - как правило, в документе, когда упоминается новый термин, он выделяется курсивом и дается его определение. При использовании этого термина в дальнейшем, он считается уже известным читателю. Тег < DFN> применяется для выделения таких терминов при их первом появлении в тексте. Браузеры отображают содержимое контейнера < DFN> с помощью курсивного начертания.

· < em> Текст< /em> - предназначен для акцентирования текста. Браузеры отображают такой текст курсивным начертанием;

· < nobr> Текст< /nobr> - уведомляет браузер отображать текст без переносов. Если этого тега в коде документа нет, а также имеются переводы строки, они игнорируются и текст выравнивается по левому краю окна браузера или родительского элемента. При этом браузер переводы строк расставляет автоматически, чтобы текст полностью поместился по ширине окна. Использование тега < NOBR> заставляет отображать текст без переносов, одной строкой, что может привести к появлению горизонтальной полосы прокрутки. Пользователям придется прокручивать текст по горизонтали, чтобы увидеть его полностью, чего обычно делать никто не любит;

· < q> Текст< /q> - тег < Q> используется для выделения в тексте цитат. Содержимое контейнера автоматически отображается в браузере в кавычках. Браузер Internet Explorer хотя и понимает тег < Q>, но кавычки не ставит. Остальные браузеры кавычки добавляют корректно;

· < small> Текст< /small> - тег < SMALL> уменьшает размер шрифта на единицу по сравнению с обычным текстом. В HTML размер шрифта измеряется в условных единицах от 1 до 7, средний размер текста, используемый по умолчанию, принят 3. Таким образом, добавление тега < SMALL> уменьшает текст на одну условную единицу. Допускается применение вложенных тегов < SMALL>, при этом размер шрифта будет меньше с каждым вложенным уровнем, но не может быть меньше, чем 1;

· < sub> Текст< /sub> - отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера;

· < sup> Текст< /sup> - отображает шрифт в виде верхнего индекса. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера.

 

⇐ Предыдущая123456Следующая ⇒

Поделиться: