Браузер | Internet Explorer | Netтscape | Опера | Safari | Mozilla Firefox | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Версия | 5.5 | 6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0 |
Поддерживается | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да |
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Тег <A> является одним из важных элементов ШТМЛ и предназначен для разработки ссылок. В зависимости от присутствия параметров name или href тег <A> устанавливает ссылку или якорь. Якорем имеется ввиду закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри web-страницы.
Для разработки ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес объекта, на который следует сделать ссылку. В качестве значения параметра href используется адрес объекта (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени с нашего сайта или web-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего объекта или корня с нашего сайта.
Обязателен.
Пример 1. Использование тега <A>
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег А</title>
</head>
<body>
<p><a href="images/xxx.jpg">Посмотрите на мою фотографию!</a></p>
<p><a href="tip.ШТМЛ">Как сделать такое же фото?</a></p>
</body>
</html>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Задает адрес объекта, на который следует перейти. Поскольку в качестве адреса ссылки может использоваться файл любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут сохраняться на локальный диск. По умолчанию новый файл загружается в текущее окно браузера, однако это свойство можно изменить с помощью параметра target.
Обязателен для ссылок.
В качестве значения принимается полный или относительный путь к файлу.
Нет.
Пример 2. Использование параметра href
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег А, параметр href</title>
</head>
<body>
<p><a href="knob.ШТМЛ">Относительная ссылка</a></p>
<p><a href="http://www-html.ru/ШТМЛ/example/knob.ШТМЛ">Абсолютная ссылка</a></p>
</body>
</html>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Параметр name используется для определения якоря внутри страницы. Вначале следует задать в соответствующем месте закладку и установить ее имя при помощи параметра name тега <А>. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике. Можно также делать ссылку на закладку, находящуюся в другой web-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавляем символ решетки # и имя закладки.
Между тегами <a name=...> и </a> контент писать не обязательно, так как требуется лишь указать местоположение перехода по ссылке.
<a name="закладка">...</a>
Обязателен для якорей.
Любой контент с учетом регистра.
Нет.
Пример 3. Создание якоря с помощью параметра name
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег А, параметр name</title>
</head>
<body>
<p><a name="top"></a></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy
nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
<p><a href="#top">Наверх</a></p>
</body>
</html>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
По умолчанию, при переходе по ссылке файл открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено параметром target тега <А>. В XШТМЛ применение этого параметра запрещено.
<a target="имя окна">...</a>
Нет.
В качестве аргумента используется имя окна или фрейма, заданное параметром name. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.
_self
Пример 4. Открытие ссылки в новом окне
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег А, параметр target</title>
</head>
<body>
<p><a href="new.ШТМЛ" target="_blank">Открыть в новом окне</a></p>
</body>
</html>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Добавляет поясняющий контент к ссылке в виде всплывающей подсказки. Такая подсказка отображается, когда курсор мыши задерживается на ссылке.
<a title="контент">...</a>
Нет.
Любая контентовая строка. Строка должна заключаться в двойные или одинарные кавычки.
Нет.
Пример 5. Создание всплывающей подсказки
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег А, параметр title</title>
</head>
<body>
<p><a href="zoo.ШТМЛ" title="Рисунки различных животных и не только...">Рисунки</a></p>
</body>
</html>
Copyright © 2009-2022 | По всем вопросам: donmobi@mail.ru
О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект