Тег А, атрибут title

Тег a

Атрибут href тега a — задает адрес, по которому будет осуществлен переход по ссылке.

Атрибут Name

Атрибут name тега a — задает имя якоря/метки внутри документа.

Сначала необходимо определить место в документе, где необходимо поставить метку. С помощью атрибута name называем метку как нам удобно. А затем с помощью атрибута href ссылаемся на помеченную область, указав имя метки после символа # .

В XHTML и HTML5 вместо name для определения якоря требуется указывать атрибут id.

Глава 1

Нельзя сказать, чтобы «Мартинес», на котором я плыл, был ненадежным судном; этот новый пароход совершал уже свой четвертый или пятый рейс на переправе между Саусалито и Сан Франциско. Опасность таилась в густом тумане, окутавшем бухту, но я, ничего не смысля в мореходстве, и не догадывался об этом.

«metka2» > Глава 2

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

Глава 1

Нельзя сказать, чтобы «Мартинес», на котором я плыл, был ненадежным судном; этот новый пароход совершал уже свой четвертый или пятый рейс на переправе между Саусалито и Сан Франциско. Опасность таилась в густом тумане, окутавшем бухту, но я, ничего не смысля в мореходстве, и не догадывался об этом.

Глава 2

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

Атрибут Target

Атрибут target тега a — указывает в каком окне открывать страницу при переходе по ссылке.

— blank — страница открывается в новом окне
— self – страница открывается в текущем окне
Если не требуется загружать страницу в новом окне, атрибут target можно не включать.

Атрибут Title

Атрибут title тега a — добавляет всплывающую подсказку при наведении на ссылку курсора.

Страница при переходе по ссылке откроется в текущем окне.

Страница при переходе по ссылке откроется в новом окне.

Источник

Атрибут title

Добавляет поясняющий текст к ссылке в виде всплывающей подсказки. Такая подсказка отображается, когда курсор мыши задерживается на ссылке.

Синтаксис

Обязательный атрибут

Значения

Любая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки.

Значение по умолчанию

      
 Рисунки 
  

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Источник

Тег в HTML

Тег в html дает возможность использовать переход по гиперссылкам. Пользователь, щелкнув кнопкой мышки на активной области ссылки, которой может быть текст (обычно подчеркнутый и синего цвета) или изображение, переходит в другое место страницы или к другому документу интернет.

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

Следует иметь в виду, что применение стилей CSS создает разнообразие вариантов оформления ссылок. Оно, например, дает возможность ввести зависимость вида ссылки от ее состояния, использовать самые различные виды кнопок, а также поменять внешний вид курсора при наведении.

href

Атрибут href используется для ссылки на другую страницу сайта или место в документе.

URL – адрес нужного документа, который может быть относительным или абсолютным.

Относительный адрес может использоваться, когда документ находится на том же сервере – это указание пути от главного документа сайта. Если нужный документ или файл находится в той же папке, то можно не указывать полный путь к нему, а указать только его имя:

Если документ находится во вложенной папке указывается относительный путь к этой папке от главного документа:

Также в href может быть указать скрипт js, например, href=”javascript:alert(‘Hello’);”.

name

В случае перехода внутри страницы используется атрибут name. Сама закладка указывается в коде страницы так:

где anchor – это уникальное имя якоря.

В ссылке, которая будет вести на эту закладку нужно указать следующий адрес:

то есть название якоря с символом # перед ним.

mailto

У атрибута href есть возможность указания почтового ящика.

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

tel

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

download

При указании атрибута download не происходит переход по ссылке, а появляется предложение скачать файл. Пример:

target

Определяет тип окна или фрейма, в котором будет открыт документ или файл.

• _blank – новое окно;
• _self – текущее окно;
• _parent – родительский фрейм;
• _top – отмена всех фреймов и загрузка в полном окне;
• framename – указанный фрейм.

В случае отсутствия фреймов значения _parent и _top работают как _self . Значение по умолчанию – _self .

Синтаксис: – откроет страницу в новом окне.

title

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

tabindex

Порядок перехода между ссылками при нажатии на кнопку Tab. Перемещение между ссылками происходит по нарастанию чисел. По умолчанию выключен.

rel

указание на то, чем является документ по ссылке текущему.

У rel много значений. Приведем лишь некоторые:

• author – ссылка на страницу об авторе;
• bookmark – постоянная ссылка на раздел или запись;
• contact – контактная информация;
• details – страница с деталями;
• index – содержание;
• license – страница с лицензионным соглашением или авторскими правами;
• nofollow – не передавать по ссылке вес.

Больше значений можно найти здесь.

Кнопка как ссылка

Делать кнопку ссылкой нежелательно в силу того, что кнопка по своему предназначению инициирует действие, а не переход на другой ресурс. Но если нужно, можно такое сделать. В этом случае используем событие onclick. На примере ниже при нажатии на кнопку произойдет переход на страницу page.html.

Стилизация

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

• первая ссылка зеленого цвета с красным подчеркиванием при наведении;
• вторая – при наведении подчеркивание в виде прерывистой линии;
• третья – стилизована под кнопку.

Из кода можно увидеть все применяемые свойства.

Источник