Веб-дизайн - Учебники - Сайтостроительсво и веб-дизайн - Глава 7 Создание гипертекстовых ссылок

Глава 7. Создание гипертекстовых ссылок

Принцип работы гиперссылок
URL
Относительные и абсолютные URL
Элемент <base>
Создание ссылок
Ссылки на элементы текущей страницы
Специальные ссылки
Ссылка mailto:
Ссылка на сайт FTP
Серверы Gopher
Ссылки на группы новостей
Ссылки на серверы Telnet
Маленькие хитрости: target и client-pull
Как открыть новое окно
Автоматическое изменение страниц
Резюме
Гипертекст стал основной движущей силой развития Сети, позволив связать информацию невиданным доселе образом. Вместе с разнообразными графическими и мультимедийными возможностями веб-браузеров гипертекстовые ссылки (или гиперссылки) образовали совершенно новое средство коммуникации и публикации. В этой главе мы рассмотрим:

принцип работы гиперссылок, объяснение разницы между относительными и абсолютными ссылками; HTML-элементы, используемые для создания ссылок;
создание ссылок и размещение их на веб-странице;
связь с элементами той же страницы и создание графических ссылок;
создание специальных ссылок, включая ссылки на различные Интернет-ресурсы;
инструментарий для автоматизации работы со ссылками: изменение страниц и открытие новых окон веб-браузера.
Принцип работы гиперссылок

Гипсрссылки — это основа перемещения по веб-сайтам. Щелкнув на ссылке, вы обычно попадаете на какой-то связанный URL, который загружается в браузере или во вспомогательном приложении. Иногда вы при этом обнаруживаете себя на новой веб-странице, иногда гиперссылка приводит вас на какой-то Интернет-ресурс, например e-mail пли FTP-сервер (сервер обмена файлами). Однако для того, чтобы пользователь мог нажать на ссылку, веб-дизайнер должен ее создать.

Для создания гиперссылки используется элемент <а> (anсhor, якорь). Он должен дополняться атрибутом href, в котором указывается URL, на который следует перейти по данной ссылке. Поэтому прежде, чем создавать гиперссылку, необходимо выяснить URL, на который она должна указывать
URL.

URL

В любой гиперссылке содержится URL — унифицированный адрес, который используется для однозначной идентификации любых веб-компонентов URL — это то, что написано в строке Адрес браузера. Он же иногда появляется в нижней строке некоторых браузеров при наведении курсора на гиперссылку.

Как уже говорилось в главе 1, URL состоит всегда из двух частей: имени протокола и пути назначения. Имя протокола говорит о том, с каким типом Интернет-ресурса вы собираетесь иметь дело. Самым распространенным в Интернете протоколом является http://, с помощью которого запрашиваются веб-документы.

Путь назначения может представлять собой имя файла, каталога или компьютера URL вида http://www.fakecorp.com/products/index.html указывает на конкретный документ, а ftp://ftpnetscape.com говорит браузеру о том, что необходимо использовать протокол FTP для доступа к компьютеру по имени ftp.netscape.com.

Относительные и абсолютные URL

Есть еще один момент, который следует учитывать при работе с URL ваших гиперссылок Если URL отличается от текущего всего лишь каким-нибудь именем файла, то нет смысла в гиперссылке указывать его целиком В этом случае удобнее использовать «относительный» URL Рассмотрим два адреса:

http://www.olelondonisp.net/drwatson/index.html http://www.olelondonisp.net/drwatson/resume.html
Оба URL являются абсолютными — с их помощью можно попасть на эти страницы из любого места Интернета. Но что, если вы создаете ссылку на странице index.html, которая должна указывать на resumehtml? Нужно ли заново писать весь этот длинный адрес? Оказывается, не обязательно. Можно использовать относительный URL, поскольку большая часть адреса ничем не отличается.

Это чем-то напоминает работу с файлами в папках на PC или Маc Если вы сохраняете файл в каком-либо каталоге, а потом хотите открыть какой-то другой файл в этом же каталоге, вы не используете полный путь Многие приложения позволяют работать с последним каталогом.

Веб-браузер делает примерно то же. Когда он обнаруживает URL, который ничем не отличается от текущего, кроме части пути или имени файла, предполагается, что пользователь тем самым заявляет: «Следует использовать текущий URL, но открыть другой файл». Предположим, что текущая страница хранится в каталоге:

http://www.olelondonisp.net/drwatson/
Что делает браузер при обнаружении относительной ссылки? Добавляет к этому пути имя файла. Например:

http://www.olelondonisp.net/drwatson/ + resume.html
В результате получаем адрес:

http://www.olelondonisp.net/drwatson/resume.html
Итак, для доступа к этой странице можно было использовать относительную ссылку: resume.html.

Это показано на рис. 7.1. Если файлы index.html и resume.html располагаются в одном и том же каталоге на одном и том же веб-сервере, все будет работать замечательно.

Эта относительность, если хотите, означает то, что можно получить доступ и к другим каталогам того же сервера, используя общую нотацию. Например, если вам нужно попасть на страницу, расположенную в подкаталоге относительно текущего, можно воспользоваться URL вида /pages/househtml или вида /assi stances/roger/ resume.html. Если пути являются правильными, то вы получите желаемый результат.

Таким же образом можно переходить и к элементам, расположенным в родительских каталогах. Например, на странице, хранящейся в каталоге products, нужно разместить ссылку на главную страницу, расположенную в корневом каталоге данного сайта. Это делается следующим образом:

.. /index.html
Если нужно перейти из одного подкаталога в другой, расположенный, как и первый, в корневом каталоге, напишите:

/service/contact, html
Две точки в начале адреса — это стандартный синтаксис для обозначения перехода на один каталог «вверх» по иерархии. Рисунок 7.2 показывает файловую структуру, по которой мы пытаемся перемещаться при помощи относительных ссылок.

 

Рис. 7.1. Показанные ссылки являются относительными, они используются в том случае, когда страницы находятся в одном каталоге с редактируемой страницей

 

Рис. 7.2. Если текущим является каталог products, его родительским каталогом является корневой каталог веб-сайта

ПРИМЕЧАНИЕ

Относительные ссылки следует использовать аккуратно. При каких-то изменениях в файловой структуре сайта они внезапно могут перестать работать.

Элемент <base>

Вы, вероятно, оценили, насколько относительные ссылки упрощают процесс создания веб-страниц. Но вместе с тем относительные ссылки всегда остаются относительными по отношению к каталогу, в котором хранится текущая веб-страница. А что, если вы хотите изменить URL, к которому будет прибавляться часть адреса, указанная в относительной ссылке? Это можно сделать с помощью элемента <base>. Рассмотрим это на примере.

1. Вы создали структуру каталогов, корневой является

 http://www.fakecorp.com/
2. Внутри этого каталога вы создали несколько подкаталогов, например images, about и products.

3. В каталоге new_products (подкаталог products) вы создали страницу под названием widget.html. URL этого файла:

 http://www.fakecorp.com/products/new_products/widget.html
4. Допустим, вы хотите теперь попасть на страницу contacthtml, расположенную в каталоге about. Можно дважды использовать сдвоенные точки, создавая тем самым относительную ссылку:

../../about/contact.html

5. К сожалению, радости от этого не больше, чем от использования абсолютного URL (http://www.fakecorp.com/about/contact.html). К тому же велик шанс того, что в таком выражении может содержаться опечатка. Проще воспользоваться элементом <base> и установить «базовый» URL корневого каталога сайта:

<head><base href="http://www.fakecorp.com/" /></head>
Это означает, что все относительные URL будут создаваться относительно базы, расположенной по адресу, указанному в href элемента <base>, а не относительно текущего местоположения документа. И теперь, чтобы попасть на странице contacthtml, нужно написать следующий URL: about/contact.htm.

В общем-то, включение в страницу элемента <base> приводит к тому, что любые относительные URL будут добавляться к базовому адресу и именно таким образом будут дополняться до полного адреса. В примере базовый URL http:// www.fakecorp.com/ является началом адреса, дополняемого относительным URL.

about/contact.html. Итоговый абсолютный URL:http://www.fakecorp.com/about/ contact.html.
Следует иметь в виду, что элемент <base> отразится на ВСЕХ относительных URL на данной странице. Вам придется изменить все относительные ссылки, не принимающие во внимание адрес, указанный в нем. На абсолютных ссылках <base>ни как не отразится, за них волноваться не стоит.

Cоздание ссылок

Большинство гипертекстовых ссылок включаются в HTML-документы с помощью элемента «якорь» (<а>, </а>). Эти теги окружают текст, который описывает ссылку. Сам URL должен быть заключен в кавычки, поскольку является значением атрибута href. Ссылка на HTML имеет следующий формат:

<a href="URL">Поместите сюда свою любимую ссылку</а>
Поэтому для связывания текста «О нашей фирме» с документом под названием abouthtml, который находится в корневом каталоге www.fakecorp.com, вам потребуйся следующий код:

<a href="http://www.fakecorp.com/about.html>0 нашей фирме</а>
СОВЕТ

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

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

 <a href="team.html">0 нашей команде</а>
Еще одним интересным аспектом применения относительных ссылок является то, что они не изменяются, когда вы перемещаете файлы. Это как мебель в комнате. Если вы переехали из одной квартиры в другую, вероятность того, что ваша мебель переедет вмеете с нами, весьма велика. А другу вы скажете: «Посмотри, какое кресло стоит в кабинете»; адрес квартиры, на кухне которой вы с ним сидите, не имеет никакого значения, и вряд ли вы будете его сообщать в этой фразе. Если вы
используете в разговоре с другом абсолютную ссылку («Пойди посмотри, какое кресло стоит в кабинете на проспекте Художников, дом 12, корпус 3, квартира 4»), то при переезде па новую квартиру вам придется поменять эту ссылку.

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

ПРИМЕЧАНИЕ

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

Чего вы не можете делать по отношению к ссылкам, так это создавать вложенные cсылки. Прежде чем создавать новую, нужно закрыть предыдущую. Следующий пример является некорректным:


Закажите <а href="productl.html">продукт #1 или<а href="product2.html">npoдyкт #2</a> в нашем магазине</а>
Вместо этого следовало бы написать следующее:


 Закажите<а href="productl.html">npoдукт #1</а> или <а href="product2.html">npoдукт #2</a> в нашем магазине.
СОВЕТ

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

Ссылки на элементы текущей страницы

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

Давайте по порядку. Вначале выберите место, где начинается нужный раздел. Поставьте там якорь с атрибутом name:

<а name="ql"><h2>Bonpoc 1 </h2></a> <р>В чем смысл жизни?</р>
Как ни странно, это моветон в смысле следования стандартам XHTML XML не знает такого атрибута, как name. Вместо него следует использовать атрибут id, который является гораздо более гибким, как вы убедитесь впоследствии. Однако id (в данном контексте) не поддерживается многими старыми браузерами. Поэтому, как ни странно это выглядит, в обозримом будущем надежнее всего будет применять оба атрибута:

<а name="ql" id="ql"><h2>Bonpoc 1</h2></a>
Еще один нюанс: значения как name, так и id могут содержать и буквы и цифры, однако они должны начинаться с буквы, а дальше уже могут быть дефисы, подчеркивай двоеточия и точки. Так, 12 не будет восприниматься корректно, a question: one или myitem56 — будет.

Теперь нужно поставить ссылку на этот раздел Для этого используется якорь, ко рый указывает не на URL, а на имя раздела, но перед этим именем вставьте знак.

<р>Смотрите <а href="#q1">Bonpoc 1</a>/</p>


Рис. 7.3. На странице имеется несколько именованных якорей и ссылок

Рассмотрим пример HTML-документа, в котором присутствуют несколько якорей на именованные разделы (рис. 7.3).

На именованные разделы можно ссылаться и с других страниц. Просто имя раздела становится частью URL, определяющего расположение страницы:

<р>0братите внимание на<a href""http: //www. fakecorp. com/quest ions.html#ql">Bonpoc 1</а>.</р>
При этом браузер ищет страницу questions.html, на ней ищет раздел под названием q1 и выводит его.

Ссылки с использованием изображений

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

<a href="mountains.html"><img src=icon.gif" аlt="Ранжирование гор по высотности" /></а>
В окне браузера изображение-ссылка отличается от обычного наличием рамки, которая появляется при создании графической ссылки. Именно по этой рамке пользователь узнает о том, что на картинке можно щелкнуть, то есть что она является ссылкой (рис. 7.4).

 


Рис. 7.4. Картинки могут быть большие или маленькие, но в любом случае они могут служить гиперссылками

СОВЕТ

Если вы включаете в состав элемента img альтернативный текст (атрибут alt), то пользователи текстовых браузеров вместо графической ссылки увидят обычную. В противном случае они не увидят ничего и не получат доступа к гиперссылке.

Если вы работаете с переходным XHTML, вы можете позволить себе использо вать еще один атрибут элемента <img>, который изменяет размер рамки (в пикселах). Он называется border и принимает числовые значения:

 <а href="about.html"><img snc="button_about.gif" alt="0 нас" border="0" /></a>
Так как число может быть любым (целым), то, установив значение border равным нулю, можно заставить рамку не появляться. Что касается XHTML Strict, то при следовании этому варианту стандарта придется использовать таблицы стилен для изменения размера рамки, — это описано в главе 10.

Специальные ссылки

URL — это настолько универсальная и гибкая вещь, что можно использовать его для создания ссылок практически на все, что есть в Сети: e-mail, FTP, Gopher, rpyп пы новостей Usenet и даже сессии Telnet. Это дает возможность совмещать на од ной странице связанную информацию самых разных типов. Например, на странице, посвященной программам, которые можно скачать из Интернета, можно размес тить ссылку на группу новостей Usenet, в которой обсуждаются вопросы, связан ные с этой темой. Иначе говоря, все службы Сети совмещены, что дает очень ши рокие возможности.
Гибкость — одно из главных преимуществ и достоинств веб-браузеров, которое делает их главным инструментальным средством при работе в Интернете. С помощью браузера можно делать все, что только вообще можно делать в Сети и даже больше: можно получать доступ к информации и программам, которые технологи чески не являются Интернет-ресурсами. Когда браузер не может самостоятельно обработать файл, относящийся к той или иной службе Интернета, он автоматически запускает соответствующее вспомогательное приложение, например редактор электронной почты или мультимедиа-проигрыватель.

Результатом этого подхода является то, что вы имеете возможность создавать ссылки практически на все службы. При этом синтаксис ссылки остается прежним, но в любом случае это должен быть якорь. Единственное, что изменяется, — протоко лы и типы URL.

Ссылка mailto:

Создание ссылки на e-mail осуществляется просто. Все, что вам нужно знать, это корректный адрес, состоящий из четырех частей: имени пользователя, символа @, имени компьютера и имени домена.

Вот пример адреса e-mail:

 questions@mac-upgrade.com
Именем пользователя в данном случае является questions, именем домена -mac- upgrade.com, имя компьютера в данном случае отсутствует. Рассмотрим пример:

 robert@maiI.fakecorp.com
Здесь именем машины является mail. Теперь осталось лишь добавить имя протокола (mailto:), и ссылка готова:

 <а href="mailto:questions@mac-upgrade.com"> Присылайте ваши вопросы прямо на мой e-mail. </a>
На рисунке 7.5 показан еще один пример ссылки на e-mail. Многие авторы любят «подписываться» внизу страницы таким образом.

 


Рис. 7.5. Когда пользователь щелкает на ссылке типа mailto:, появляется окно редактора сообщений электронной почты

Некоторые браузеры позволяют автоматически заполнять поле Тема писем Делается это с помощью атрибута title в составе элемента «якорь»:

 <a href="mailto:orders@fakecorp.com" title="Xoчy купить книгу!">3аказать книгу</а>
Ссылка на сайт FTP

Протокол FTP используется для обмена файлами между компьютерами. Пользователи FTP должны установить сессию с удаленной машиной, после чего могут получить нужные файлы.

Все, что нужно для создания ссылки на FTP, — это адрес соответствующего сервера.
Например, для создания ссылки на сервер, расположенный по адресу ftpmicrosoft.com,
следует написать:

<а href="ftp://ftp.microsoft.com/">РТР-сайт Microsoft</a>
Если вы предлагаете пользователю скачать какой-нибудь файл, нужно указать путь до него. Это сократит долгие поиски по незнакомым каталогам.

Допустим, у вас есть файл program.zip в каталоге downloads/, доступ к которому вы хотите открыть. Ссылка в этом случае должна выглядеть следующим образом:

<a href="ftp://ftpfakecorp.com/downloads/program.ziр">Программа(в формате PKZip)</a>

Эта команда приказывает браузеру соединиться с FTP-сервером, перейти в указанный каталог и немедленно начать скачивать файл.

Если FTP-серверы существуют, значит, это кому-нибудь нужно?

Если вы создаете сайт для компании, предоставляющей множество файлов, которые должны быть доступны пользователям, эти файлы можно выложить на FТР-сервере. Затем на сайте можно лишь создать ссылку на этот сервер, и дело в шляпе. Таким образом вы избежите засорения веб-сайта огромным количеством ссылок на файлы, которые можно скачать. Кроме того, FTP использует более совершенные методы передачи файлов, чем HTTP.

Я не хочу сказать, что любой крохотный сайт должен иметь собственный FТР-сервер. Протокол HTTP тоже способен передавать двоичные данные, причем особенно хорошо он справляется с передачей exe, zip и sit (запакованные архи ватором Stufflt). Обычная http-ссылка на файл приводит к тому, что браузер начинает прием этого файла и предлагает сохранить его на жестком диске. Например:

<a href="http://www.fakecorp.com/downloads/program.sit">Получить  файл</а>
При этом у пользователя спросят, где он хочет сохранить файл, и начнется его пересылка.

Серверы Gopher

Еще до начала широкого распространения веб-технологий одним из популярней ших способов обмена информацией были серверы Gopher. Что такое Gopher? Это набор текстовых меню, представляющих информацию в иерархической форме, как показано на рис. 7.6. Как вы догадываетесь, на сегодняшний момент осталось со всем мало сайтов Gopher, в основном это связано с широким распространением Web.

 

Рис. 7.6. С помощью обычной ссылки можно организовать доступ к Gopher-сайту

Gopher, на самом деле, очень напоминает Web, разве что в нем отсутствуют встроенная поддержка мультимедийных технологий. Ссылка на такие несколько архаичные сайты создается так же, как на любые другие, надо лишь добавить перед адресом удаленного компьютера выражение gorher://.

<а href="gorher://marvel. loc.gov">Библиотека  конгресса</a>
Ссылки на группы новостей

Группы новостей Usenet — это группы Интернет-конференций. Хотя они и называются «новостями», их основа — это серии вопросов и ответов, то есть дискуссий, в которых может участвовать каждый. Ссылка на группу новостей может понадобиться тогда, когда на вашем сайте обсуждается какая-то смежная проблема. Или, например, если вам кажется, что у пользователей может возникнуть слишком много вопросов, и вы не сможете ответить на все, проще отослать их к группе новостей, где всегда найдется местный «гуру», который знает ответы на все вопросы.

СОВЕТ

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

В любом случае следует обратить внимание на то, что формат ссылок на группы новостей несколько отличается от обычных гиперссылок. Перед именем конференции следует поставить выражение news: в якоре. Типичная ссылка на группу новостей выглядит следующим образом:

<а href="news ">Конференция Usenet, посвященная Star Trek</a>
При этом браузер выполнит одно из двух действий: либо попытается самостоятельно подключиться к серверу новостей (если тот был предварительно сконфигурирован) и найти группу сообщений, либо передаст команду программе работы с Usenet-конференциями.

Если по каким-то причинам вы хотите, чтобы ссылка указывала на сервер новостей, а не на конкретную конференцию, следует вместо обычного имени протокола (news:) написать news: //. Тогда ссылка будет выглядеть так:

 <а href="news //news fakecorp согл/>Посетите  наш сервер новостей</а>
Ссылки на серверы Telnet

Ссылка на сервер Telnet позволяет пользователю установить сессию непосредственно с тем компьютером, на котором установлено ПО для удаленного доступа. Обычно это означает текстовую сессию, например, между терминалами и главным корпоративным компьютером или Unix- сервером. В действительности ни один из популярных браузеров напрямую не поддерживает технологию Telnet, поэтому, скорее всего, пользователю придется работать со вспомогательными приложениями, которые будут загружаться при переходе по соответствующей ссылке. Синтаксис Telnet-ссылки ничего сложного не представляет. Вы пишете выражение telnet: //, а вслед за ним указываете адрес удаленного компьютера:

<а href="tel net://mad fakecorp.com/>Установить сессию с корпоративным Telnet-сервером</а>
Можно в ссылках указывать имя пользователя, которое будет автоматически вводиться при установке «гостевой» сессии. Для этого нужно включить в состав адреса это имя, после которого поставить символ @. В результате должна получиться примерно такая ссылка:

<а href="telnet://guest@macl.fakecorp.com/">Уcтановить  анонимную гостевую сессию</а>
Когда браузер встречает такую команду, он спрашивает у пользователя, правильно ли введено имя.

Маленькие хитрости: target и client-pull

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

Как открыть новое окно

Места назначения гиперссылок будут подробнее обсуждаться в главе 12 в связи с фреймами. Из нее вы узнаете, как с помощью атрибута target изменять содержимое фреймов. В этом параграфе мы займемся одним вопросом — вопросом открывания гиперссылки в новом окне браузера.

Для этого вам потребуется атрибут target якоря Для достижения нашей цели зна чением этого атрибута должно быть "_blank". Теперь при переходе по гиперссылке веб-страница будет открываться в новом окне браузера Например:

<а href="http://www.w3.org/" tаrgеt="_blаnk">Щелкните здесь для получения подробной информации по данному вопросу</а>
Атрибут target может содержаться и в элементе <base>, если вы хотите, чтобы на ваши гиперссылки открывались в новых окнах. Вот пример:

<base href="http://www.fakecorp.com/" target="_blank"   />
Такую строку для достижения указанного эффекта следует поместить в раздел <head>.

Автоматическое изменение страниц

Использование элемента <meta> и его атрибутов позволяет загружать новую стра ницу через указанный промежуток времени. Тем же способом можно перезагру жать или обновлять один и тот же документ снова и снова. Эта технология пазыва ется client-pull, потому что браузер пользователя (часто называемый «клиентом (client) на Интернет-жаргоне) автоматически загружает (pull) новую страницу веб-сервера. При этом пользователь ни на чем не щелкает и ни на что не нажимав а сервер не посылает никаких команд.

Принцип client-pull основан на использовании элемента <meta>, представленного в главе 4 и размещаемого в начале документа. Для его реализации требуется наличие двух атрибутов: http-equlv и content Технология client-pull работает следующим образом:

<title>3aголовок страницы</titlе><meta http-equiv="refresh" content="seconds: url="new URL" /></head>
Атрибут http-equiv всегда должен иметь значение "refresh", он загружает новую страницу, если что-нибудь указано в атрибуте url. В противном случае он обновляет текущую.

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

Вот пример кода, который обновляет текущую страницу каждые 10 секунд:

 <head><title>3аголовок страницы</title>«meta http-equiv="refresh" content="10"/></head>
А в следующем примере мы загружаем через 15 секунд простоя новую страницу:

<head><title>3аголовок страницы</title>«meta http-equiv="refresh" content="15: url="http://www.fakecorp.com/index2. html " /></head>
Резюме

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

В следующей главе вы узнаете кое-что о работе с таблицами в XHTML. Таблицы позволяют очень аккуратно организовывать данные по строкам и столбцам. Вы познакомитесь с элементом <table> и его атрибутами.

Copyright © 2006-09.