1.8. Метатэги
Заполнение метатэгов придумано для описания содержимого страницы сайта. Это необходимо поисковым системам: так как метатэги облегчают работу поискового робота. Однако усилиями спамеров поисковые системы были вынуждены практически исключить ключевые слова и описания из рассмотрения при индексировании страниц, чтобы сохранить релевантность списка результатов поиска. Однако метатэги все еще остаются мощным средством для презентации сайта в Интернете. Метатэги — <META…> помещаются в заголовке HTML-документа внутри блока <HEAD></HEAD>.
Для описания ключевых слов страницы введен параметр KEYWORD (список ключевых слов к странице). Любое ключевое слово, упомянутое на сайте, должно быть включено в этот тэг. И, соответственно, вписанное в этот тэг слово должно упоминаться на сайте. Определять ключевые слова надо точно, избегая общих формулировок, иначе страница потеряется в общем потоке других сайтов. При определении необходимо избегать повторений. Упомянутое более трех раз слово может быть рассмотрено поисковиком как спам. Имена, географические названия лучше записывать и с прописной буквы, и с заглавной потому, что большинство запросов в поисковых машинах делается прописными буквами.
Поисковые роботы читают ограниченное число символов в каждом тэге (обычно не более двухсот). Поэтому ключевые слова лучше прописывать без знаков препинания, чтобы они не занимали место в линейке символов, а оставляли его для слов.
Надо помнить и о возможных ошибках в написании слов. Существует множество популярных ошибок в написании слов. Например, слово «математика» нередко пишут как «матиматика» (за июль 2006 г. запросов на слово «матиматика» в Yandex около 500). Выделяются следующие ошибки, связанные с быстрым набором на клавиатуре: пропущенные буквы и пропущенный пробел между словами; сдвоенные буквы; изменение порядка букв; лишние буквы, находящиеся рядом с нужными и случайно нажатые; написание слов c непереключенной раскладкой клавиатуры. Также есть ошибки грамматические. Таким образом, можно задать специально неправильно написанное ключевое слово в поиске на Yandex, и если выяснится, что запросов с таким написанием достаточно много, стоит включить его в ключевые слова наряду с правильно написанным.
Формат метатэга ключевых слов выглядит следующим образом:
<META NAME="KEYWORD" CONTENT="ключевые слова">
Для описания содержания страницы введен параметр DESCRIPTION (краткое описание страницы). Описание должно быть лаконичным. Большинство поисковиков читает более 170 символов в этом тэге, но в списке показывают только 170 символов. Описание должно выглядеть призывно, оригинально, но оставаться соответствующим тематике сайта. Например, описание типа «Мы поможем Вам разбогатеть!» вряд ли проассоциируется с конкретным сайтом и будет выглядеть как спам.
Формат метатэга описания выглядит следующим образом:
<META NAME="DESCRIPTION" CONTENT="краткое описание">
Также метатэги можно применять и в других целях. Например, для того, чтобы браузер определил кодировку HTML-документа. В этом случае необходимо добавить еще и такой тэг для кодировки Windows-1251:
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
или для кодировки Koi8-r:
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=koi8-r">
Иногда необходимо поставить переадресацию на другую страничку. Для этого ставится следующий тэг:
<META HTTP-EQUIV="refresh" CONTENT=i url="URL перехода">
где i - время (в секундах), через которое осуществится переход.
Если убрать параметр url="URL перехода", страничка просто перегрузится через время, равное i.
1.9. Фрэймы
Фрэймы (frames) — это окна или рамки, отдельные области на экране браузера. При вводе тэга <FRAME> браузер загружает разные страницы в разные окна экрана. Например, можно построить страницу сайта таким образом, что одна его часть зафиксируется в верхней части экрана, а другая — будет пролистываться обычным способом. Расположение кадров на экране задается почти также, как ячейки в таблице. Однако содержимое ячеек задается в коде HTML-документа вместе с кодом таблицы. А содержимое кадров экрана описывается в HTML-документах, отдельных от HTML-документа с описанием структуры (frameset) экрана. Framеset определяет только способ организации экрана с кадрами и указывает, где находится содержимое каждого кадра. Фрэймы имеют следующие свойства:
- каждый фрэйм имеет свой URL, что позволяет загружать его независимо от других фрэймов; каждый фрэйм имеет собственное имя (параметр NAME), позволяющее переходить к нему из другого фрэйма; размер фрэйма может быть изменен пользователем прямо на экране при помощи мышки (если это не запрещено указанием специального параметра).
Сначала необходимо продумать, где и какого размера будут фрэймы и каково их содержание.
HTML-cтруктура фрэймового документа внешне похожа на структуру обычного HTML-документа, только вместо тэга <BODY> используется тэг <FRAMESET>:
<HTML>
<HEAD>...</HEAD>
<FRAMESET>...</FRAMESET>
</HTML>
Тэг <FRAMESET> имеет следующие параметры:
ROWS=, задающий число и размер строк на странице;
COLS=, задающий число и размер столбцов.
После знака равенства определяется размер каждой строки (столбца) в пикселях, процентах от высоты (ширины) экрана или в относительных величинах (обычно это — указание занять оставшуюся часть места). Важно правильно проставить все кавычки, запятые и оставлять пробелы между значениями параметров.
Примеры. Если требуется создать экран, состоящий из трех строк высотой 250, 300 и 100 пикселей, необходимо написать следующее: <FRAMESET ROWS="250, 300, 100"> Если требуется создать экран, состоящий из трех строк высотой 30%, 35%, 35% от общей высоты экрана, необходимо написать следующее: <FRAMESET ROWS="30%, 35%, 35%"> |
Примеры. Если требуется создать экран, состоящий из двух строк, так, чтобы первая строка имела высоту 400 пикселей, а вторая занимала оставшуюся часть экрана, необходимо написать следующее: <FRAMESET ROWS="400, *"> Если требуется создать экран, состоящий из трех строк, так, чтобы первая строка имела высоту 250 пикселей, а вторая занимала в два раза больше места, чем третья, необходимо написать следующее: <FRAMESET ROWS="250, 2*, *"> Число 2 перед знаком * показывает, что соответствующая строка (в данном случае — средняя) занимает в два раза больше оставшегося места на экране, чем нижняя. Это значение относительно, оно зависит от размера экрана пользователя. Для столбцов задание параметров осуществляется аналогично. |
Между тэгами <FRAMESET> и </FRAMESET> могут находиться только: тэг <FRAME>, вложенные тэги <FRAMESET> и </FRAMESET>, а также тэги <NOFRAME> и </NOFRAME>, которые позволяют строить двойные документы для браузеров, поддерживающих фрэймы и не поддерживающих фрэймы.
Тэг <FRAME> определяет внешний вид и поведение кадра. Этот тэг не имеет парного тэга. Суть тэга <FRAME> в его параметрах; их шесть:
NAME — параметр описывает имя фрэйма, которое может быть использовано для определения действия с данным фрэймом из другого HTML-документа или фрэйма, как правило, из соседнего фрэйма этого же документа. Имя обязательно должно начинаться с символа. MARGINWIDTH — действует аналогично параметру таблиц CELLPADDING. Он задает отступ между содержимым кадра и его границами сбоку. Наименьшее его значение равно 1 пикселю. MARGINHEIGHT — действует так же, как и MARGINWIDTH, но задает поля в верхней и нижней части кадра. Наименьшее его значение также равно 1 пикселю. SCROLLING — отвечает за полосу прокрутки у кадра. Он может принимать значения: YES - полоса всегда присутствует;
NO - полосы никогда не будет;
AUTO - полоса появится по мере необходимости.
Пример кадровой структуры: <HTML> <FRAME SRC="link1.html" MARGINWIDTH=15> <FRAME SRC="link2.html" MARGINWIDTH=15> </FRAMESET> <FRAMESET COLS="*, 50%, *"> <FRAME SRC="link3.html" MARGINWIDTH=5> <FRAME SRC="link4.html" MARGINWIDTH=5> <FRAME SRC="link5.html" MARGINWIDTH=5> </FRAMESET> Надпись в тэгах <Hi> делается на тот случай, если у пользователя отключен просмотр фрэймов. |
Упражнение. Придумайте и создайте свою кадровую структуру на основе приведенного примера. Продумайте содержание кадров согласно тематике уже созданных HTML-документов. Сделайте гиперссылку с одного из уже созданных HTML-документов на данный документ с фрэймовой структурой.
1.10. Комментарии
При создании HTML-документов нередко возникает необходимость поставить комментарии в коде страницы. Это полезно для того, чтобы впоследствии быстро разобраться: где, в каком месте и что конкретно написано. В языке HTML имеются специальные символы, определяющие комментарии.
В начале комментария ставится следующее:
<!--
Для закрытия комментария нужно поставить:
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 7 8 9 10 11 12 |
