- •Понятия и определения
- •Html - основа основ
- •Тэги html
- •Структура html-документа
- •Атрибуты тэгов
- •Гиперссылки и совершенствование внешнего вида текста
- •Картинки на страничке
- •Создание и оптимизация изображений для Web-сайта
- •Анимация изображений
- •Изображение и гиперссылки
- •Сложные таблицы
- •Изображения и таблицы
- •Стили и ссылки
- •Стили, классы, селекторы
- •Каскадные таблицы стилей
- •Группа параметров
- •Маркированные списки
- •Управление фреймами
- •Мета-тэги
- •Index - разрешена индексация индексных ( стартовых)страниц - обычно это - index.Html;
- •Заключение
Управление фреймами
Итак мы присвоили каждому фрейму уникальное имя. Помните name="left", name="right". Но теперь следует указать в какой именно фрейм будет загружаться документ по ссылке. Если явно не указать фрейм, то загрузка будет происходить в нем же. И если это фрейм небольших размеров, предназначенный, скажем, для меню (в нашем случае "left"), то выглядеть это будет мало впечатляюще, и станет не ясно с какой же целью создан фрейм справа ("right"). Это распространенная ошибка, которая чаще является признаком невнимательности или неправильного (ошибочного, не существующего) указания имени фрейма для загрузки. Если сделать дословный перевод с английсокго, то такой фрейм следует назвать мишенью (от англ. target - мишень).
Тэг <a>, который мы уже рассматривали, имеет атрибут target, которым мы за ненадобностью пока не пользовались. Следовательно в тэге ссылки <a> можно записать следующее:
<a href="punkt1.html" target="right">Пункт меню1</a>
Как мы уже догадались, этот тэг внедрен в документ left.html, расположенный в левом фрейме.
А если на время отвлечься от наших фреймов ("left" и "right") и сосредоточиться на атрибуте target тэга <a>. Он может принимать следующие значения:
_top или _parent - загрузка страницы происходит в том же окне, все предыдущие фреймы удаляются ;
_self - страница загружается в том же фрейме (в принципе его можно не указывать, он - по умолчанию);
_blank - для загрузки страницы открывается новое окно.
Разработчики часто применяют прием с использованием скрытых фреймов. Рассмотрим пример, где:
visible.htm - видимый фрейм.
hidden.htm - скрытый фрейм
<frameset cols="1,*" framespacing="0" border="0"
frameborder="0">
<frame name="hidden" src="hidden.htm"
marginwidth="0" marginheight="0" scrolling="no" noresize>
<frame name="visible" src="visible.htm"
marginwidth="0" marginheight="0" scrolling="auto">
</frameset>
Как мы видим, созданы две колонки (столбца), один из которых шириной всего в один пиксель и, естественно, виден не будет. Чаще всего скрытые фреймы применяют для обработки кликов на ссылку, при которых реального перехода не осуществляется. А для чего же бывает нужен файл hidden.htm, если он не видим. Там тоже, как правило, планируют события, не видимые для пользователя. Зачем это требуется. Это уже вопрос, не входящий в рамки данной темы, посвященной азам. Однако, в дальнейшем мы обязательно рассмотрим различные приемы и вернемся к скрытым фреймам. Здесь же скрытые фреймы упомянуты, в основном, для раскрытия потенциальных возможностей их использования. Источник: web-brodilka.ru
Мета-тэги
Мета-теги (или мета-определители) - это тэги, которые непосредственно не отвечают за отображение страницы (за исключением установки кодировки для символов текста страницы), но активно влияют на поведение броузера и поисковых систем. Зачастую разработчики прибегают к различного рода скриптам, значительно "отяжеляющих" страницу. Это происходтит из-за недооценки роли мета-тэгов, которые в ряде случаев бывают способными решить поставленную задачу всего одной строкой.
Мета-теги записываются в заголовке HTML-документа, то есть между тегами <head> и </head>. Как правило их следует записывать после тегов заголовка <title>...</title>.
В обобщенном виде запись тэгов может быть представлена в двух видах:
<meta http-equiv="имя" content="содержимое">
<meta name="имя" content="содержимое">
В зависимости от выбранных значений атрибутов http-equiv (или name) и content может появляться третий атрибут, отражающий смысл и значение сочетания первых двух атрибутов.
Рассмотрим первую группу с атрибутом http-equiv:
Самый первый из рассматриваемых нами задает кодировку HTML-документа в явном виде. Здесь атрибуту meta http-equiv присваевается значение "Content-type", атрибуту content, соответственно "text-html" и сразу через точку с запятой до закрытия кавычек записывается третий атрибут "charset", которому и присваивается вид кодировки страницы. Приведем пример с заданием двух самых распространенных кодировок (кириллической - 1251 и международной английской - iso-8859-1).
<meta http-equiv="Content-type"
content="text/html; charset=Windows-1251"> -
кириллица в кодировке 1251. <meta http-equiv="Content-type"
content="text/html;
charset=iso-8859-1"> - английская в кодировке iso-8859-1.
На мой взгляд, наличие этого тэга обязательно для каждой страницы. Это следует делать во избежании необходимости установки кода в ручную через броузер и неудобства при чтении содержимого страниц. Конечно, во избежании конфликтов кодировок, следует учитывать кодировку, которую автоматически устанавливает Ваш провайдер (если такое имеет место).
Допустим Ваш сайт переехал на новое место или у Вас чат, где страница должна постоянно обновляться. В первом случае на помощь приходит мета-тэг с присвоением http-equiv значения "Refresh", атрибуту content цифровой величины, отражающей время в секундах и сразу через точку с запятой (без закрытия кавычек) указанием места редиректа, т.е. URL на который пользователь, зашедший на Ваш старый сайт через указанное количество секунд будет перенаправлен. Вот простой пример:
<html>
<head>
<title>Мы переехали<title>
<meta http-equiv="Content-type"
content="text/html; charset=Windows-1251">
<meta http-equiv="Refresh"
content="3; URL=http://www.othersite.ru">
</head>
<body>
<center>
<h1>Сайт
перехал на новое место</h1>
<p>Наш
новый адрес — <a href=http://www.othersite.ru title="Перейти
сейчас">othersite.ru</a>
<p>Вы будете перенаправлены
туда через 3 секунды.
</center>
</body>
</html>
Если же требуется перегрузка страницы с неизменным URL, то он просто не указывается:
<meta http-equiv="Refresh"
content="5">
Страница будет перегружаться каждые 5 секунд, что происходит, скажем. в чате. Чат мы сейчас писать не будем (хотя это не за горами), а перейдем к рассмотрению мета-тэгов дальше.
Предположим Вы хотите чтобы на сайте отоборажалась погода, данные о которой Вы берете, скажем с сервера ГидроМетЦентра. Следовательно нуобходимо, чтобы страница загружалась с сервера, а не с кэша Вашего компьютера. Для этого существует мета-тэг, контролирующий кэширование:
<meta http-equiv="Pragma"
content="no-cache">
С помощью этой Pragma-ы страница будет каждый раз загружаться с сервера с обновленной информацией.
Часто бывает нужно, чтобы при нажатии кнопки Back (Назад) броузера появлялась не старая, а обновленная страница. Для этого использует мета-тэг со значением http-equiv, равным "Expires" (означает "истечение срока действия, старение") и указанеим заведомо старой даты. Дату следует указывать в правильном формате. См. пример:
<meta http-equiv="Expires" content="Wed, 28
Feb 1995 08:12:54 GMT">
В этом случае броузер сообщит, что страница устарела и требуется ее перезагрузка.
А теперь рассмотрим вторую группу с атрибутом name:
Эта группа, в основном, предназначена для управления поисковыми роботами. К примеру Вы хотите чтобы Ваш сайт находился в поисковых системах. Для этого необходимо указать по каким словам или группе слов Вы желали бы, чтобы этот сайт находили. Для этого следует знать следующее. Первое, на что обратит внимание поисковый робот - это заголовок сайта, т.е. то, что расположено между тэгами <title>...</title>. Это же отобразится в первой строке результата поиска. Далее поисковик обратит внимание (и это же отобразит во второй строке результатов поиска), на то, что было записано с помощью следующего — описательного мета-тэга:
<meta name="description" content="Данный
сайт содержит информацию для Web-дизайнеров (уроки,
коллекция скриптов)">
Следующее по приоритету для поисковика - это ключевые слова (в результатах поиска они не отображаются, но усиливают вес слов контента Вашего сайта и повышают вероятность его нахождения):
<meta name="keywords"
content="дизайн, скрипты, тэги, уроки">
Конечно же это пример. На самом деле ключевых слов должно быть намного больше. Кроме того, заголовок, описание и ключевые слова должны отражать контент (содержимое) Вашего сайта. В любом случае все ухищрения с данными мета-тэгами ни к чему не приведкт если на Вашем сайте отсутствует интересный контент. В этом случае посетители будут заходить к вам по принципу: "Посетивши однажды - не вернутся никогда":))))) Если Вы заинтересовались вопросами продвижения сайтов в интеренет, то советую обратиться к сайту: http://dimok.ru
Есть возможность управлять поисковыми роботами с помощью мета-тэга. Для этого атрибуту name присваивается значение "robots", а атрибуту content можно присвоить одно из следующих значений: