Тег A.

  Парный строчный тег A предназначен для создания гиперссылки.
  Гиперссылка это особое поле Web-страницы, которое указывает на возможность перехода к другому HTML-документу, или к другому месту HTML-документа, в котором содержится эта гиперссылка.
  Также гиперссылка может указывать на файлы других форматов, контент которых может быть обработан (например отображен), или сохранен на устройстве пользователя в указанном им месте, или выполнен (например, PHP код) на сервере. (Вообще говоря, сохранён на устройстве пользователя может быть и HTML-документ.). Для обработки контента таких файлов на устройстве пользователя браузер использует приложение, которое связано на нём с MIME типом этого файла.
  Кроме того гиперссылка может указывать на некий контент, который содержится непосредственно в коде гиперссылки, и который может быть инициирован на Web-странице этой гиперссылкой или сохранён в виде файла на устройстве пользователя по его желанию.

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

  Кроме непосредственного текстового контента элемента тега A образ ссылки может быть задан с использованием любых "дочерних" для этого элемента элементов тегов с текстовым, графическим или медиа контентом.
  К примеру, образ ссылки можно задать элементом тега IMG.

  Для образа ссылки может быть задана и часть изображения из элемента тега IMG.
  Такой образ ссылки задается с помощью тегов MAP и AREA без участия тега A.
  Атрибуты:
  HREF - Устанавливает гиперссылку:

  • Значение:

    • Ссылка
        В общем случае ссылка может содержать:

      • Адрес.
          Указывается по правилам URL или URI.
          URL - Universal Resource Locator - универсальный указатель ресурсов указывает на расположение ресурса.
          URI - универсальный индикатор ресурсов описывает идентификатор ресурса, и включает URL и URN-имя ресурса.
          Примеры адресов:
        • http://www.bomba.ru/content/volum1.html - Полный адрес. Содержит и интернет – адрес Web-сервера, и путь к файлу, который нужно получить.
        • mailto:SIDOROV@mail.ru - Почтовая гиперссылка. При активации этой ссылки браузер вызовет программу почтового клиента, установленную на пользовательском устройстве по умолчанию для электронный почты.
        • /volum1.html - Сокращенный абсолютный адрес. Указывает на файл volum1.html, хранящийся в корневой папке Web-сайта.
        • /content/volum1.html - Сокращенный абсолютный адрес. Указывает на файл volum1.htm, хранящийся в папке content, вложенной в корневую папку Web-сайта.
        • bomba.pdf - Сокращенный относительный адрес (не содержит в начале - /). Указывает на файл bomba.pdf, хранящийся в той же папке, что и файл активного (инициализирующего ссылку) HTML-документа.
        • content/volum1.html - Сокращенный относительный адрес (не содержит в начале - /). указывает на HTML-документ volum1.html, хранящийся в папке content, вложенной в папку, в которой хранится активный HTML-документ.
        • scriptserver/transfer.php - Сокращенный относительный адрес (не содержит в начале - /). Указывает на PHP-скрипт transfer.php, хранящийся в папке scriptserver, вложенной в папку, в которой хранится активный HTML-документ, и который должен быть выполнен на сервере.
        • ../volum1.html - Сокращенный относительный адрес (не содержит в начале - /). Указывает на файл volum1.html хранящийся в папке, в которую вложена папка, где хранится активный HTML-документ.
        • https://name:1234567@//www.bomba.ru/content/volum1.html - Полный адрес. Кроме собственно адреса содержит пароль, указанный перед именем домена (между ключевыми словами : и @, name - имя пользователя с этим паролем.).
          Если в URL HTML-документа справа, через символ # добавить значение идентификатора элемента тега ID, то после загрузки HTML-документа браузер отобразит Web-страницу сразу с поля этого элемента.
      • Адрес места перехода в активном HTML-документе.
          Если значение атрибута HREF содержит только идентификатор элемента тега, предваренный символом #, то браузер отобразит текущую Web-страницу с поля элемента тега с указанным идентификатором в активном HTML-документе.
          Поэтому значение атрибута ID предваренное символом # называют "якорем" для поля соответствующего элемента тега в HTML-документе.
      • data URL - контент (данные) непосредственно закодированный в строке значения ссылки.
          В формате:
        • data:тип контента;кодировка контента,контент
            Здесь тип контента это его MIME тип, кодировка контента это способ символьной кодировки контента в HTML-документе, контент это непосредственно сам контент.
          Примеры data URL:
        • data:image/png;base64,iVBORw0KGgo AAAANSUhEUgAAAZAAAAEsCAYAAADtt - изображение в формате PNG.
        • data:text/richtext;base64,AIA - текст в формате RTF.
      В принципе то, что указано в адресе перед двоеточием (в примерах - http, https, mailto, data) определяет протокол обработки данных, которые следуют за двоеточием. Этот протокол указывает браузеру на то, как обрабатывать следуемые данные.
      Некоторые из протоколов исторически понятны браузеру, другие протоколы могут указывать на связанные с ними, установленные на устройстве пользователя (клиенте) программы, которые должен вызвать браузер для передачи им указанных данных.
      Очевидно, что с развитием программного и технического функционала сети и клиентских устройств, список доступных протоколов будет расширяться. Например, для смартфонов логично появление протоколов tel и sms.

  • Значение по умолчанию - Нет.
  • Атрибут не обязательный.
  ACCESSKEY - Устанавливает возможность получить фокус ввода для ссылки не только мышкой, но и с помощью некоторой комбинации клавиш клавиатуры.
  Получение фокуса ввода устанавливает элемент в готовность к выполнению своей функции и активирует все связанные с ним дополнительные сервисы. Для гиперссылки, например, это означает, что последующее нажатие клавиши Enter активирует ее.
  • Значение:

    • Латинская буква или цифра.
        К примеру - комбинации клавиш для активации ссылки буквой "C":
      • Internet Explorer - Alt + C
      • Chrome - Alt + C
      • Opera - Shift + Esc + C
      • Safari - Alt + C
      • Firefox - Shift + Alt + C

  • Значение по умолчанию - Нет.
  • Атрибут не обязательный.
  DOWNLOAD - Устанавливает что файл, на который указывает ссылка, должен быть сохранён на устройстве пользователя по его желанию, а не загружен на Web-страницу.

  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен
  • Атрибут не обязательный.
  HREFLANG - Устанавливает язык текстового пользовательского контента используемый в ссылаемом HTML-документе.

  • Значение:


  • Значение по умолчанию - Нет
  • Атрибут не обязательный.
  REL - Устанавливает тип отношения между файлом с контентом, на который ссылается элемент тега A и документом его содержащим.

  • Значение - Список с названиями типов отношений, разделенных пробелами.
      Названия некоторых более поддерживаемых браузерами типов:
    • alternate - Внешний источник данных - альтернативная версия документа, в котором находится эта ссылка.
    • appendix - Внешний источник данных - это приложение, на которое есть ссылка в документе с с этой ссылкой.
    • bookmark - Внешний источник данных - HTML-документ, который является закладкой (содержащим ссылку на ключевую точку) для всей Web-страницы, к которой относится документ с этой ссылкой.
    • chapter - Внешний источник данных - HTML-документ Web-страницы, которой является главой для документа с этой ссылкой.
    • contents - Внешний источник данных - HTML-документ, который является содержанием для всей Web-страницы, к которой относится документ с этой ссылкой.
    • copyright - Внешний источник данных - HTML-документ, в котором содержится информация об авторских правах для документа с этой ссылкой.
    • glossary - Внешний источник данных - HTML-документ, который является глоссарием терминов для документа с этой ссылкой.
    • help - Внешний источник данных - HTML-документ, который является справочным для документа с этой ссылкой.
    • index - Внешний источник данных - HTML-документ, который является корневым для дерева Web-страницы, к которой относится документ с этой ссылкой.
    • next - Внешний источник данных - HTML-документ Web-страницы, которой непосредственно следует за документом с этой ссылкой.
    • nofollow - Внешний источник данных - HTML-документ, который не имеет непосредственного отношения к документу с этой ссылкой. (Этот тип имеет существенное значение для индексации Web-страницы поисковыми системами.)
    • noopener - Запрещает браузеру предоставлять ссылку на интерфейс к окну с этой ссылкой скриптам HTML-документа - внешнего источника данных.
    • preload - Сообщает браузеру, что внешний источник данных должен быть предварительно загружен, для последующего использования.
    • prev - Внешний источник данных - HTML-документ Web-страницы, которой непосредственно предшествует документу с этой ссылкой.
    • section - Внешний источник данных - HTML-документ Web-страницы, которой является разделом для документа с этой ссылкой.
    • start - Внешний источник данных - HTML-документ, который является стартовым для всей Web-страницы, к которой относится документ с этой ссылкой.
    • stylesheet - Внешний источник данных - таблица стилей CSS для документа, в котором находится эта ссылка.
    • subsection - Внешний источник данных - HTML-документ Web-страницы, которой является подразделом для документа с этой ссылкой.
      Можно определить дополнительные типы отношений.

  • Значение по умолчанию - Нет.
  • Атрибут не обязательный.
  TABINDEX - Устанавливает номер этого элемента в общей последовательности элементов гиперссылок (теги A и AREA), элементов интерфейса и элементов сгенерированных объектов в пределах HTML-документа.
  Это означает что, элемент может получить фокус ввода не только мышкой, но и с помощью клавиши Tab клавиатуры.
  Получение фокуса ввода устанавливает элемент в готовность к выполнению своей функции и активирует все связанные с ним дополнительные сервисы. Для гиперссылки, например, это означает, что последующее нажатие клавиши Enter активирует ее.
  • Значение:

    • Целое число от –32 767 до 32 767 - номер в порядке обхода элементов в документе.
        Если указан положительный номер, то он будет определять порядок обхода. То есть сначала фокус ввода получит элемент с номером 1, потом с номером 2 и т. д. Если указан номер, равный нулю, то обход будет осуществляться в порядке, в котором элемент следует в HTML-коде HTML-документа. Если указан отрицательный номер, то этот элемент вообще исключается из порядка обхода. Добраться до него можно будет только мышкой.

  • Значение по умолчанию - 0.
  • Атрибут не необязательный.
  TARGET - Устанавливает имя окна или фрейма, куда браузер будет загружать контент, с указанного гиперссылкой адреса.

  • Значения:

    • Допустимый символьный код, назначенный именем фрейма.
        Для загрузки контента во фрейм, заданное имя фрейма должно совпадать с именем указанным в атрибуте NAME элемента тега FRAME или тега IFRAME создавшего этот фрейм.
    • _blank - Контент загружается в новое окно браузера.
    • _self - Контент загружается во фрейм, в котором находится "родительский" документ, вместо него. Если фреймов нет, то это значение работает как _parent.
    • _parent - Контент загружается в окно браузера, в котором находится "родительский" документ, вместо всего содержимого этого окна.
    • _top - Отменяет все фреймы и контент загружается в полном окне браузера, если фреймов нет, то это значение работает как _parent.

  • Значение по умолчанию - _parent.
  • Атрибут не обязательный.
  TITLE - Устанавливает поясняющий текст к образу ссылки в виде всплывающей подсказки.
  Эта подсказка, например, появится при наведении на образ ссылки курсора мышки.
  TYPE - Устанавливает тип файла, на который указывает гиперссылка.

  • Значение:

  • Значение по умолчанию - Нет.
  • Атрибут не обязательный.


Пример:

<INPUT TYPE="file" ID="input">
<A ID="afile">Вставьте сюда изображение или текст с вашего компьютера</A>
......

<SCRIPT>
  var N0 = document.getElementById("input");
  var N1 = document.getElementById("afile");
  var N3 = new FileReader();
  var SY = function(X) { N1.href = this.result; };
  var SX = function(X) { var file = this.files[0]; N1.innerText = file.name;
        N3.readAsDataURL(file); N3.onload = SY; };
  N0.onchange = SX;

</SCRIPT>
Вставьте сюда изображение или текст с вашего компьютера