Гиперссылкой в web документе является. Как вставить гиперссылку в HTML? Создание и использование гиперссылок в HTML. "Посещение" связанного ресурса

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

Гиперссылкой является образованная языком гипертекстовой разметки область, по нажатию на которую происходит либо запрос у сервера определённой информации, либо переход на другую область страницы, заранее определённую составителем веб-страницы. Ссылки обычно имеют отличное от основного текста графическое оформление: по умолчанию образуется синего цвета текст, который при наведении курсора мыши либо подчёркивается, либо изменяет свой цвет.

Ссылки, устанавливаемые с целью перехода на определённую область документа, используются как элементы навигации: при нажатии пользователем на ссылку экран перескакивает на «закладку». Таким образом, например, в начале сайта может быть организовано оглавление, по нажатию на элементы которого можно перейти на соответствующие главы, расположенные на этой же странице. Гиперссылки такого типа называются якорными.

Если ссылка ведёт на другую страницу, такой элемент называют анкорной или безанкорной ссылкой (в зависимости от её визуальной формы). Анкорная ссылка представляет собой естественный, гармонично вписанный текст, графически оформленный как гиперссылка. Безанкорной гиперссылкой является url-адрес, оформленный как ссылка.

Кроме указанных существуют другие виды гиперссылок. По принадлежности запрашиваемой информации:
внутренние,
внешние.

По визуальному исполнению:
в виде текста,
в виде изображения.

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

Также статьи на сайте связанные с интернетом:

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

Существует множество определений гипертекста. Самое простое из них можно найти почти в любом руководстве по веб-дизайну:

Гипертекст -- это текст, связанный ссылками с другими текстами.

Тед Нельсон определял гипертекст следующим образом:

«Под гипертекстом я понимаю не последовательное сочинение (non-sequential writing) а текст, который разветвляется и позволяет читателю выбирать <…>. Проще говоря, это ряд кусков текста (a series of text chunks), соединенных линками, предлагающими читателю различные пути«.

Словарь культуры XX века В.Руднева дает следующее определение гипертекста:

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

Для полноты картины приведем и другие достаточно типичные дефиниции гипертекста собранные из разных источников.

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

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

3. Надтекст , некая единица информации, частями которой являются тексты и/или текст, части которого имеют «сверхсвязи», то есть соединены друг с другом не линейным отношением в одномерном пространстве (отношением следования как в обычном тексте естественного языка), а множеством различных отношений, представляемых в многомерном пространстве. В гипертексте отсутствуют заранее заданные ограничения на характер связей (сеть).

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

5. Гипертекст -- это текст, организованный таким образом, что из некоторых его элементов возможен алеаторический (по выбору читателя) переход сразу на несколько других элементов либо возможны ссылки на другие элементы этого же текста или других текстов.

6. Гипертекст -- это представление информации как связанной (linked) сети гнезд (nodes), в которых читатели свободны прокладывать путь (navigate) нелинейным образом. Он допускает возможность множественности авторов, размывание функций автора и читателя, расширение работы с нечеткими границами и множественность путей чтения».

Почти о том же писал и Р.Барт: «…текст пронизан сетью бесчисленных, переплетающихся между собой внутренних ходов, не имеющих друг над другом власти; он являет собой галактику означающих, а не структуру означаемых; у него нет начала, он обратим; в него можно вступить через множество входов, ни один из которых нельзя признать главным; вереница мобилизуемых им кодов теряется где-то в бесконечной дали, они «неразрешимы» (их смысл не подчинен принципу разрешимости, так что любое решение будет случайным, как при броске игральных костей); этим сугубо множественным текстом способны завладеть различные смысловые системы, однако их круг не замкнут, ибо мера таких систем -- бесконечность самого языка«.

Гиперссылка (англ. hyperlink) -- часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, каталог, приложение), расположенный на локальном диске или в компьютерной сети, либо на элементы этого объекта.

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

«Битой» ссылкой называют такую гиперссылку, которая ссылается на отсутствующий по каким-либо причинам объект, например, если документ или файл удален или перемещен администратором ресурса, на котором он был расположен, или если сам ресурс недоступен. Обычно в таком случае на странице появляется сообщение с кодом ошибки, но это происходит не всегда.

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

Для определения ссылки в HTML используется тег , структура которого имеет вид Текст ссылки, где filename -- имя файла или адрес в Интернете, на который необходимо сослаться, а Текст ссылки -- текст гипертекстовой ссылки, который будет непосредственно показан в HTML-документе.

· -- ссылается ресурс, расположенный на удаленном сервере.

Для определения ссылки в HTML используется тег , структура которого имеет вид Текст ссылки , где filename - имя файла или адрес в Интернете, на который необходимо сослаться, а Текст ссылки - текст гипертекстовой ссылки, который будет непосредственно показан в HTML-документе. Также можно использовать аргумент TARGET, который показывает, в каком окне будет открыта ссылка (значения - _blank (новом), _self (текущем)). target="имя окна">.

• Мои работы - ссылается на документ my-photo.html в текущем каталоге, образуя гипертекстовую ссылку в виде слова «Мои работы»;
• Мой фотоальбом - ссылается на файл my-photo.html, расположенный в каталоге photo корневом каталоге и образует ссылку в виде текста «Мой фотоальбом»;
• Фото - ссылается на индексный файл текущем каталоге (в предыдущем примере это было «/photo/»);
• Мой сайт - ссылается на ресурс, расположенный на удаленном сервере.
• Открыть в новом окне

Почтовая гиперссылка

Для создания ссылки на адрес электронной почты используется URI -схема mailto: , после которой необходимо указать e-mail адресата:

< a href = "mailto:e-mail" > Текст ссылки

Например:

< a href = "mailto:e-mail?subject=Тема&body=Тело письма" > Текст ссылки

Порядок перехода по гиперссылкам

Некоторые браузеры могут поддерживать функцию перехода по гиперссылкам с помощью клавиши Tab. При этом браузер по умолчанию подсвечивает гиперссылки в порядке их следования в тексте страницы. Изменить порядок перехода можно с помощью атрибута TABINDEX тэга . Чтобы включить гиперссылку в перечень, описывающий новый порядок перехода, надо присвоить атрибуту TABINDEX некоторое целое положительное число в диапазоне от 1 до 32767. Чтобы исключить гиперссылку из перечня, надо присвоить атрибуту любое отрицательное число. Когда пользователь нажимает клавишу Tab, курсор перемещается к гиперссылке с наименьшим положительным значением индекса. Если нескольким гиперссылкам присвоено одинаковое значение индекса, первой выбранной окажется та, которая в тексте страницы стоит выше.

Если Вы пишете ссылку на главную страницу какого либо сайта, последние 2 части опускают; точнее 3 части тогда не существует, т.к. главная страница располагается непосредственно на самом сайте, а не в его папках. Имя главной страницы стандартаризированно - это index.html(или др. расширение), либо default.html.

Второй тип пути к файлу - относительный. Он показывает путь к файлу относительно файла, с которого делается ссылка. Протокол и домен никогда не присутствуют в пути к файлу в этом случае.

Возможно несколько случаев:

• Файл, на который ссылаются, расположен в той же папке, что и файл, с которого ссылаются. Этот вариант самый простой, т.к. тогда нужно указать только имя файла и его расширение.
• Допустим, у Вас в одной папке есть файл index.html и папка things, в которой есть файл dog.html. Если Вам нужно сделать ссылку с файла index.html на dog.html, то в пути к файлу нужно приписать название папки. Это будет так: things/dog.html
• Возьмем предыдущий случай, но теперь будем ссылаться из файла dog.html на файл index.html. В этом случае Вам не нужно указывать имя папки, но нужно указать то, что файл находится в более "высокой" папке. Для этого в путь файла пишем ../ (две точки прямой слэш). Тогда ссылка будет выглядеть так: ../index.html. Для поднятия на каждый уровень выше пишем по одной такой конструкции последовательно, друг за другом. Например, в папке things есть также папка items, содержащая файл books.html. Тогда ссылка на файл index.html из файла books.html будет выглядеть так: ../../index.html. В свою очередь, ссылка на файл books.html из index.html выглядит так: things/items/books.html
• Вы можете комбинировать эти способы, если у Вас есть много вложенных папок. Например, на сайте есть две одноуровневые папки: icons и images. В первой папке есть файл icons.html, во второй - images.html. Ссылка с первого файла на второй будет выглядеть так: ../images/images.html, со второго на первый: ../icons/icons.html

Ссылки на адреса электронной почты

Если вы хотите, чтобы пользователи писали на ваш ящик электронной почты, вам не нужно убеждать открыть их свою программу отсылки сообщений(типа Outlook), или сайт типа Mail.ru. Достаточно вставить ссылку на адрес электронной почты с вашим адресом. Когда пользователь щелкнет по этой ссылке, она сама откроет ему либо его любимый почтовый редактор, либо сайт отправки сообщений.

Вторая часть - Ваш адрес электронной почты, включая почтовый сервис (Например mail.ru, yandex.ru). Все вместе выглядит так:

Отправьте мне письмо

У тега есть также атрибут title, его назначение такое же, как у атрибута title тега - отображать подсказку. Текст подсказки и является значением атрибута.

Для использования такой ссылки, нужно разместить в определенное место страницы, на которое ссылается ссылка, специальный тег с атрибутом name вместо href (ссылка-якорь). Значение атрибута name - имя раздела, Вы придумываете сами. Однако, значение этого атрибута еще пригодится. На месте, где Вы хотите сделать ссылку, вы пишите обычный тег , в атрибут href пишите путь до страницы; если это ссылка на ту же страницу, то Вы ничего не пишите, затем добавляете # и значение атрибута name того раздела, куда Вы ссылаетесь. Внимание! Все это пишется без пробелов!

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

Виды гиперссылок

Делятся они на следующие виды:

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

На сайтах нередко присутствуют битые гиперссылки, которые ведут на несуществующие файлы и требуют удаления. Когда на одном изображении размещается несколько гиперссылок, направляющих на разные страницы или действия, такой объект называют гиперкартой. На ней размещают подсказки с указанием, куда ведет каждая область.

Что означают изменения цвета гиперссылки?

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