Содержание

Создание внешней ссылки (ссылки) на диапазон ячеев в другой книге

Вы можете ссылаться на содержимое ячеек в другой книге, создав формулу внешней ссылки. Внешняя ссылка (также называемая ссылкой) — это ссылка на ячейку или диапазон на книге Excel или ссылка на определенное имя в другой книге.

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

  2. Вы выберите ячейку или ячейки, для которых вы хотите создать внешнюю ссылку.

  3. org/ListItem»>

    Введите = (знак равенства).

    Если вы хотите использовать функцию, например СУММ, введите ее имя и открываю скобки. Например, =СУММ(.

  4. Перейдите в книгу-источник и щелкните книгу, содержаную ячейки, которые вы хотите связать.

  5. Вы выберите ячейку или ячейки, на которые вы хотите связаться, и нажмите

    ввод.

    Примечание: Если вы выберете несколько ячеек, например =[SourceWorkbook.xlsx]Лист1!$A$1:$A$10 и у вас есть текущая версия Microsoft 365,то можно просто нажать ввод, чтобы подтвердить формулу как формулу динамического массива. В противном случае формула должна быть введена как формула массива устаревшей, нажав CTRL+SHIFT+ВВОД. Дополнительные сведения о формулах массива см. в статье Использование формул массива: рекомендации и примеры.

  6. Excel возвращается в 9-ю книгу и отображаются значения из нее.

  7. Обратите внимание Excel возвращает ссылку с абсолютными ссылками ,поэтому если вы хотите скопировать формулу в другие ячейки, вам потребуется удалить знак доллара ($):

    =[SourceWorkbook.xlsx]Лист1! $ A$1

    Если закрыть книгу-источник, Excel автоматически в формулу будет автоматически включен путь к файлу:

    =’C:\Reports\[SourceWorkbook. xlsx]Sheet1′!$A$1

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

  2. Вы выберите ячейку или ячейки, для которых вы хотите создать внешнюю ссылку.

  3. Введите = (знак равенства).

  4. org/ListItem»>

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

  5. Нажмите F3, выберите имя, на которое будет ссылаться ссылка, и нажмитеввод.

    Примечание: Если именуемая ячейка ссылается на несколько ячеек и у вас есть текущая версия Microsoft 365,можно просто нажать ввод, чтобы подтвердить формулу как формулу динамического массива. В противном случае формула должна быть введена как формула массива устаревшей, нажав CTRL+SHIFT+ВВОД. Дополнительные сведения о формулах массива см. в статье Использование формул массива: рекомендации и примеры.

  6. Excel вы вернетесь к книге назначения и отобразит значения из именоваемого диапазона в книге-источнике.

  1. Откройте 9-ю книгу и книгу-источник.

  2. В книге назначения перейдите к пункту Формулы > определенные имена >определить имя.

  3. В диалоговом окне Новое имя в поле Имя введите имя диапазона.

  4. org/ListItem»>

    В поле Ссылки удалите содержимое, а затем храните курсор в поле.

    Если вы хотите использовать имя функции, введите имя функции и наведите курсор в то место, где вы хотите использовать внешнюю ссылку. Например, введите =СУММ()и расположить курсор между скобами.

  5. Перейдите в книгу-источник и щелкните книгу, содержаную ячейки, которые вы хотите связать.

  6. Выберите ячейку или диапазон ячеек, которые вы хотите связать, и нажмите кнопку ОК.

Внешние ссылки особенно полезны, если не целесообразно хранить большие модели в одной книге.

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

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

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

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

Когда источник открыт, внешняя ссылка включает имя книги в квадратных скобках([ ]), за которым следуют имя таблицы, восклицательный пункт(!) и ячейки, от которых зависит формула. Например, следующая формула добавляет ячейки C10:C25 из книги с именем Budget.xls.

Внешняя ссылка

=СУММ([Budget. xlsx]Годовой! C10:C25)

Если источник не открыт, внешняя ссылка включает весь путь.

Внешняя ссылка

=СУММ(‘C:\Reports\[Budget.xlsx]Annual’! C10:C25)

Примечание: Если имя другого таблицы или книги содержит пробелы или небуквенные символы, необходимо заключенное имя (или путь) в одиночные кавычка, как по примеру выше. Excel будет автоматически добавлять эти данные при выборе исходных диапазонов.

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

Внешняя ссылка

=СУММ(Budget.xlsx! Продажи)

  1. Вы выберите ячейку или ячейки, для которых вы хотите создать внешнюю ссылку.

  2. Введите = (знак равенства).

    Если вы хотите использовать функцию, например СУММ, введите ее имя и открываю скобки. Например, =СУММ(.

  3. Переключение на таблицу с ячейками, на которые вы хотите связаться.

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

    Примечание: Если выбрать несколько ячеек (=Лист1! A1:A10) и текущую версию Microsoft 365 ,после чего можно просто нажать ввод, чтобы подтвердить формулу как формулу динамического массива. В противном случае формула должна быть введена как формула массива устаревшей, нажав CTRL+SHIFT+ВВОД. Дополнительные сведения о формулах массива см. в статье Использование формул массива: рекомендации и примеры.

  5. Excel вернуться на исходный и отобразить значения из исходного.

Создание внешней ссылки на ячейки в разных книгах

  1. Откройте книгу, которая будет содержать внешнюю ссылку (9-ю книгу, также называемую книгой формул) и книгу с данными, с которых должна быть связь (книга-источник данных, также называемая книгой данных).

  2. В книге-источнике выберите ячейку или ячейки, которые нужно связать.

  3. Нажмите CTRL+C или перейдите на главная> буфер обмена > Копировать.

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

  5. Выберите ячейку, в которой вы хотите разместить связанные данные, а затем перейдите на главная> буфер обмена> в> в буфер обмена.

  6. Excel возвращает данные, скопированные из книги-источника. Если вы измените его, он будет автоматически изменяться в конечной книге при обновлении окна браузера.

  7. Чтобы использовать ссылку в формуле, введите = перед ссылкой, выберите функцию, введите (и введите ) после ссылки.

Создание связи с книгой

  1. Вы выберите ячейку или ячейки, для которых вы хотите создать внешнюю ссылку.

  2. Введите = (знак равенства).

    Если вы хотите использовать функцию, например СУММ, введите ее имя и открываю скобки. Например, =СУММ(.

  3. Переключение на таблицу с ячейками, на которые вы хотите связаться.

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

  5. Excel вернуться на исходный и отобразить значения из исходного.

Дополнительные сведения

Вы всегда можете задать вопрос специалисту Excel Tech Community или попросить помощи в сообществе Answers community.

См. также

Определение и использование имен в формулах

Поиск ссылок (внешних ссылок) в книге

Ссылки — Поддержка

Ссылка — это слово, группа слов или изображение, которые можно щёлкнуть для перехода на новую страницу.

Содержание

Для настройки ссылки в меню навигации перейдите на справочную страницу Меню.

Добавление ссылок к записям, страницам и виджетам

Существует несколько способов добавить ссылки к записям, страницам, виджетам и другим областям, на которых вы обычно редактируете тексты.

Первый метод: кнопка «Ссылка»
GIF-изображение с кнопкой «Ссылка»
  1. Скопируйте URL-адрес в буфер обмена компьютера.
    • Для этого выделите URL-адрес, затем, щёлкнув по нему правой кнопкой мыши, выберите Копировать. Можно также воспользоваться комбинацией клавиш CTRL + C (ПК) или CMD + C (Mac).
  2. Выберите на странице или в записи текст, для которого необходимо создать ссылку.
  3. Щёлкните по значку ссылки на панели инструментов блока.
  4. Вставьте URL-адрес в появившееся окно и нажмите «Ввод», чтобы сохранить ссылку.

Можно искать записи или страницы на сайте, начав ввод заголовка страницы или записи в поле поиска. Далее щёлкните по этой странице или записи, чтобы вставить ссылку:

Поиск страниц для создания ссылки
Второй метод: скопировать и вставить
  1. Скопируйте URL-адрес в буфер обмена компьютера.
    • Для этого выделите URL-адрес, затем, щёлкнув по нему правой кнопкой мыши, выберите Копировать. Можно также воспользоваться комбинацией клавиш CTRL + C (ПК) или CMD + C (Mac).
  2. Выберите на странице или в записи текст, для которого необходимо создать ссылку.
  3. Вставьте скопированный URL-адрес поверх выделенного текста. Для этого выделите URL-адрес, затем, щёлкнув по нему правой кнопкой мыши, выберите Вставить, можно также воспользоваться комбинацией клавиш CTRL + C (ПК) или CMD + C (Mac).
Как вставить ссылку поверх текста в редакторе

WordPress.com автоматически создаст ссылку. Синий цвет и подчёркивание свидетельствуют о преобразовании текста в ссылку.

Редактировать существующую ссылку
  1. Щёлкните по ссылке в редакторе.
  2. Нажмите появившуюся кнопку «Редактировать».
  3. Редактируйте URL-адрес и нажмите «Ввод», чтобы сохранить изменения.
Редактирование ссылки
Удалить существующую ссылку
  1. Щёлкните по ссылке, которую необходимо удалить.
  2. Щёлкните по значку ссылки из панели инструментов (он выглядит как ссылка из цепочки), и ссылка автоматически удалится.
Удаление ссылки
Открытие ссылки в новой вкладке

Чтобы задать открытие ссылки в новой вкладке браузера, выполните следующее:

  1. Добавьте ссылку к вашему тексту, как описано ранее.
  2. Щёлкните по добавленной ссылке и переключите кнопку в положение «Открыть в новой вкладке».
Открыть ссылку в новой вкладке
Добавить ссылки к изображениям

Чтобы при нажатии на изображение осуществлялся переход на другую страницу, выполните следующее:

  1. Добавьте к записи или странице изображение с помощью Блока изображений.
  2. Щёлкните по изображению и выберите значок ссылки (он выглядит как звено цепочки).
  3. Появится окно, куда можно вставить ссылку, или вы можете выполнить поиск по содержимому сайта.
Создание ссылки на изображение
  1. После добавления URL-адреса можно задать открытие ссылки в новой вкладке, щёлкнув по стрелке настроек и включив параметр «Открыть в новой вкладке».
Установка параметра «Открыть в новой вкладке» для ссылки на изображение
  1. После добавления ссылки можно щёлкнуть «Вернуться/редактировать» на клавиатуре и применить изменения.

Ссылки можно добавлять только к отдельным изображениям. Нельзя создать ссылки на изображения в Блоке галереи. Однако их можно добавлять к блокам галерей Masonry, Stacked, Offset и Collage (доступны на вашем сайте благодаря CoBlocks.)

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

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

Ссылки

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

Разнообразие тарифных планов и ценовых предложений

  • Бесплатно

    Оптимальный вариант для студентов

  • Personal

    Оптимальный вариант для представления своего хобби

  • Premium

    Оптимальный вариант для фрилансеров

  • Business

    Оптимальный вариант для малых предприятий

Ваша оценка:

Страниц: 1 2

Как сделать гиперссылку (создать интерактивные ссылки за 3 шага)

Вот вы ломаете голову и пытаетесь понять, как сделать гиперссылку.

Возможно, вы хотите разместить ссылку на официальный контент из своего нового блога. Или, возможно, вам нужно быстрое напоминание о том, как сделать кликабельную ссылку в HTML. Или, может быть, вам нужно добавить ссылку на историю Instagram или видео на YouTube.

В любом случае, мы вас прикроем.

Что такое гиперссылка?

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

При нажатии они либо сразу перенаправят вас на веб-адрес, либо, для определенных типов файлов, дадут вам возможность открыть документ с помощью приложения (например, Adobe Reader для открытия PDF).

Гиперссылки ведут на:

  • Другой веб-адрес (URL)
  • Изображения
  • Аудиофайлы
  • Видео
  • HTML-файлы
  • Текстовые файлы или другие документы (например, PDF)
  • Местоположение на той же веб-странице

Давайте рассмотрим пару методов вставки гиперссылок.

Как сделать гиперссылку

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

Они отображаются в сообщениях блогов, текстовых документах, PDF-файлах и электронных письмах.

Только когда приходит время вставлять ссылку в текст , мы обращаем на них внимание.

Гиперссылки можно вставлять двумя способами:

  1. С помощью визуального редактора
  2. Использование HTML

Как сделать кликабельную ссылку в WordPress?

Давайте посмотрим, как вставить ссылку в текст с помощью визуального редактора на вашем сайте:

  1. Выделите текст, на который хотите сделать ссылку.

  1. Нажмите значок «Добавить ссылку» на панели редактирования текста или используйте сочетание клавиш Ctrl+K. Откроется поле, в котором вы вводите местоположение, на которое хотите создать ссылку.

  1. Введите в поле полный адрес (включая HTTPS) или местоположение существующего файла, к которому вы хотите перейти по ссылке, и нажмите Enter.

Теперь у вас есть текст с гиперссылкой.

Как вставлять ссылки в изображения:

  1. Выберите изображение, нажав на него.

  1. Теперь щелкните значок «Добавить ссылку» на панели (или Ctrl+K), чтобы открыть поле. Введите местоположение, на которое вы хотите сослаться (как в нашем предыдущем примере).

В этом примере я создал ссылку на PDF-документ, хранящийся на моем Google Диске. Читатели могут открыть или загрузить страницу с помощью приложения по своему выбору.

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

Как сделать ссылку активной в электронной почте

Вот как создать гиперссылку в Gmail:

  1. Выделите текст, на который хотите сделать ссылку.

  1. Щелкните значок «Добавить ссылку» на панели редактирования текста (или Ctrl+K).

  1. Вставьте или введите URL-адрес, на который вы хотите сделать ссылку, в поле и нажмите «ОК».

Теперь у вас есть гиперссылка.

Этот процесс аналогичен Microsoft Outlook и другим почтовым клиентам.

Как создать гиперссылку в Word

  1. Чтобы встроить ссылку в текст документа Microsoft Word, начните с выделения текста.

  1. Затем нажмите Вставить в верхней строке меню.

  1. Теперь нажмите: Ссылки → Ссылка → Вставить ссылку  (появится окно).

Затем вы можете добавить URL-адрес в поле «Адрес» или ссылку на:

    • Другой документ
    • Другое место в том же документе
    • или адрес электронной почты

Если вы используете Google Doc, процесс очень похож. Выделите текст, который хотите превратить в гиперссылку, перейдите к Вставить в строке меню и выберите Ссылка .

Затем просто скопируйте и вставьте URL-адрес.

Как сделать кликабельную ссылку с помощью HTML?

При создании ссылки в HTML используйте элементы  и  для обозначения начала и конца ссылки.

Укажите цель, на которую вы ссылаетесь, используя атрибут href:

  введите URL-адрес цели здесь »>

В качестве примера предположим, что вы хотите создать следующее:

У Smart Blogger есть популярный пост о ведении блога.

Вот как будет выглядеть HTML-код в текстовом редакторе WordPress:

Для добавления гиперссылки к изображению используется следующий фрагмент кода:

Чтобы узнать больше о добавлении гиперссылок к изображениям с помощью HTML, см. из этого поста.

Как добавить ссылку в историю Instagram?

  1. На мобильном устройстве откройте приложение Instagram.
  2. Коснитесь значка плюса (+) вверху и выберите «История».
  3. Загрузите изображение или видео.
  4. Коснитесь значка стикера и выберите «Ссылка».
  5. Введите URL-адрес, на который должна указывать ссылка в вашей истории Instagram.

Как добавить ссылку в описание видео на YouTube?

  1. В Творческой студии YouTube перейдите к разделу «Сведения о видео» для своего видео.
  2. В «Описание» добавьте свою копию вместе со всеми гиперссылками, которые вы хотите, чтобы зрители могли видеть.

Вот и все.

Happy Hyperlinking

Теперь вы знаете, как сделать гиперссылку.

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

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

Получайте удовольствие от своей новой суперспособности!

Создание гиперссылок — Изучение веб-разработки

Гиперссылки действительно важны — именно они делают Web Web . В этой статье показан синтаксис, необходимый для создания ссылки, и обсуждаются рекомендации по созданию ссылок.

Предпосылки: Базовое знакомство с HTML, как описано в Начало работы с HTML. Форматирование текста HTML, как описано в Основы HTML-текста.
Цель: Чтобы узнать, как эффективно реализовать гиперссылку и связать несколько файлы вместе.

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

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

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

Базовая ссылка создается путем переноса текста или другого содержимого, см. Ссылки уровня блока, внутри элемента и с использованием атрибута href , также известного как Гипертекстовая ссылка или target , который содержит веб-адрес.

 

  Я создаю ссылку на
  домашняя страница Mozilla.

Это дает нам следующий результат:

Я создаю ссылку на домашнюю страницу Mozilla.

Добавление вспомогательной информации с атрибутом title

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

 

  Я создаю ссылку на
  <а
    href="https://www.mozilla.org/en-US/"
    title="Лучшее место для получения дополнительной информации о Mozilla
          миссия и как внести свой вклад">домашняя страница Mozilla.

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

Я создаю ссылку на домашнюю страницу Mozilla.

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

Активное обучение: создание собственного примера ссылки

Создайте HTML-документ, используя местный редактор кода и наш шаблон для начала работы.

  • В тело HTML добавьте один или несколько абзацев или другие типы контента, о которых вы уже знаете.
  • Изменить часть содержимого на ссылки.
  • Включить атрибуты заголовка.

Звенья блочного уровня

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

 
   png" alt="Домашняя страница Mozilla" />

Примечание: Вы узнаете больше об использовании изображений в Интернете в следующей статье.

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

URL-адрес или унифицированный указатель ресурсов — это строка текста, определяющая, где что-то находится в Интернете. Например, домашняя страница Mozilla на английском языке находится по адресу https://www.mozilla.org/en-US/.

URL-адреса используют пути для поиска файлов. Пути указывают, где в файловой системе находится интересующий вас файл. Давайте рассмотрим пример структуры каталогов, см. каталог create-hyperlinks.

Корень этой структуры каталогов называется создание гиперссылок . При локальной работе с веб-сайтом у вас будет один каталог, содержащий весь сайт. Внутри корня у нас есть файл index. html и contact.html . На реальном веб-сайте index.html будет нашей домашней страницей или целевой страницей (веб-страницей, которая служит точкой входа для веб-сайта или определенного раздела веб-сайта).

Внутри нашего корня также есть две директории — pdfs и проекты . Внутри каждого из них находится один файл — PDF ( project-brief.pdf ) и index.html соответственно. Обратите внимание, что вы можете иметь два файла index.html в одном проекте, если они находятся в разных местах файловой системы. Второй index.html , возможно, будет главной целевой страницей для информации, связанной с проектом.

Примечание: При необходимости вы можете объединить несколько экземпляров этих функций в сложные URL-адреса, например: ../../../complex/path/to/my/file.html .

Фрагменты документов

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

  
Почтовый адрес

Затем, чтобы сослаться на этот конкретный id , вы должны включить его в конец URL-адреса, которому предшествует символ решетки/решетки ( # ), например:

 

  Хотите написать нам письмо? Воспользуйтесь нашим
  почтовый адрес.

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

 

  почтовый адрес компании можно найти на
  внизу этой страницы.

Абсолютный и относительный URL-адреса

Два термина, которые вы встретите в Интернете, это абсолютный URL-адрес и относительный URL-адрес:

абсолютный URL-адрес : указывает на местоположение, определяемое его абсолютным местоположением в Интернете, включая протокол и доменное имя. Например, если страница index.html загружается в каталог с именем проектов , который находится внутри корня веб-сервера, а домен веб-сайта — .https://www.example.com , страница будет доступна по адресу https://www.example.com/projects/index.html (или даже просто https://www.example.com/projects). / , так как большинство веб-серверов просто ищут целевую страницу, такую ​​​​как index.html , для загрузки, если она не указана в URL-адресе.)

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

относительный URL-адрес : Указывает на местоположение, которое относительно файла, из которого вы создаете ссылку, больше похоже на то, что мы рассмотрели в предыдущем разделе. Например, если мы хотим сделать ссылку из нашего примера файла на https://www.example.com/projects/index. html в файл PDF в том же каталоге, URL-адресом будет просто имя файла — project-brief.pdf — дополнительная информация не требуется. Если бы PDF был доступен в подкаталоге внутри проектов под названием pdfs , относительная ссылка была бы pdfs/project-brief.pdf (эквивалентный абсолютный URL-адрес был бы https://www.example.com/projects). /pdfs/project-brief.pdf .)

Относительный URL-адрес будет указывать на разные места в зависимости от фактического местоположения файла, на который вы ссылаетесь, например, если мы переместили наши index.html из каталога проектов и в корень веб-сайта (верхний уровень, а не в каких-либо каталогах), относительная URL-ссылка pdfs/project-brief.pdf внутри него теперь будет указать на файл, расположенный по адресу https://www.example.com/pdfs/project-brief.pdf , а не на файл, расположенный по адресу https://www. example.com/projects/pdfs/project-brief. pdf .

Конечно, расположение файла project-brief.pdf и 9Папка 0279 pdfs не изменится внезапно, потому что вы переместили файл index.html — это приведет к тому, что ваша ссылка будет указывать в неправильном месте, поэтому она не будет работать при нажатии. Вы должны быть осторожны!

При написании ссылок следует придерживаться некоторых рекомендаций. Давайте посмотрим на это сейчас.

Используйте четкую формулировку ссылок

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

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

Давайте рассмотрим конкретный пример:

Хороший текст ссылки: Скачать Firefox

 

  Скачать Firefox

Плохой текст ссылки: Щелкните здесь, чтобы загрузить Firefox

 

  кликните сюда

скачать Firefox

Другие советы:

  • Не повторяйте URL-адрес как часть текста ссылки — URL-адреса выглядят уродливо и звучат еще уродливее, когда программа чтения с экрана читает их буква за буквой.
  • Не говорите «ссылка» или «ссылки на» в тексте ссылки — это просто шум. Программа чтения с экрана сообщает людям, что есть ссылка. Визуальные пользователи также узнают, что есть ссылка, потому что ссылки, как правило, окрашены в другой цвет и подчеркнуты (обычно это соглашение не следует нарушать, так как пользователи к нему привыкли).
  • Текст ссылки должен быть как можно короче — это полезно, поскольку программы чтения с экрана должны интерпретировать весь текст ссылки.
  • Сведите к минимуму случаи, когда несколько копий одного и того же текста связаны с разными местами. Это может вызвать проблемы у пользователей программ чтения с экрана, если есть список ссылок вне контекста, помеченных как «нажмите здесь», «нажмите здесь», «нажмите здесь».

Ссылка на ресурсы, отличные от HTML — оставляйте четкие указатели окно), вы должны добавить четкие формулировки, чтобы избежать путаницы.

Например:

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

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

 <р>
  
    Скачать отчет о продажах (PDF, 10MB)
  




   example.com/video-stream/" target="_blank">
    Посмотреть видео (трансляция открывается в отдельной вкладке, качество HD)

Используйте атрибут загрузки при ссылке на загрузку

Когда вы ссылаетесь на ресурс, который нужно загрузить, а не открыть в браузере, вы можете использовать атрибут загрузите атрибут , чтобы указать имя файла сохранения по умолчанию. Вот пример со ссылкой для скачивания последней версии Firefox для Windows:

 
  Скачать последнюю версию Firefox для Windows (64-разрядная версия) (английский, США)

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

Вам необходимо сделать локальные копии следующих четырех страниц в одном каталоге. Полный список файлов см. в каталоге navigation-menu-start:

  • index.html
  • проекты.html
  • картинки.html
  • соц.html

Вы должны:

  1. Добавьте неупорядоченный список в указанном месте на одной странице, который включает имена страниц, на которые нужно ссылаться. Меню навигации обычно представляет собой просто список ссылок, так что семантически это нормально.
  2. Измените имя каждой страницы на ссылку на эту страницу.
  3. Скопируйте меню навигации на каждую страницу.
  4. На каждой странице удалите только ссылку на ту же страницу — это сбивает с толку и не нужно, чтобы страница содержала ссылку на себя. А отсутствие ссылки служит хорошим визуальным напоминанием о том, на какой странице вы сейчас находитесь.

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

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

Можно создавать ссылки или кнопки, при нажатии которых открывается новое исходящее сообщение электронной почты, а не ссылка на ресурс или страницу. Это делается с помощью элемента и схемы URL-адреса mailto:.

В своей наиболее простой и часто используемой форме ссылка mailto: указывает адрес электронной почты предполагаемого получателя. Например:

 Отправить письмо в никуда

Это приводит к ссылке, которая выглядит так: Отправить электронное письмо в никуда.

На самом деле, адрес электронной почты является необязательным. Если вы опустите его, а ваш href будет «mailto:», почтовый клиент пользователя откроет новое окно исходящей электронной почты без адреса назначения. Это часто полезно в качестве ссылок «Поделиться», по которым пользователи могут щелкнуть, чтобы отправить электронное письмо на адрес по своему выбору.

Уточняющие детали

Помимо адреса электронной почты, вы можете указать другую информацию. Фактически, любые стандартные поля заголовка почты могут быть добавлены к mailto URL-адрес, который вы предоставляете. Наиболее часто используемые из них — «тема», «копия» и «тело» (которое не является настоящим полем заголовка, но позволяет вам указать короткое содержание сообщения для нового электронного письма). Каждое поле и его значение указываются как условие запроса.

Вот пример, включающий копию, скрытую копию, тему и текст:

 
  Отправить письмо с копией, скрытой копией, темой и телом

Примечание: Значения каждого поля должны быть закодированы в URL-адресе с использованием непечатаемых символов (невидимых символов, таких как символы табуляции, возврата каретки и разрывов страниц) и экранированных пробелов. Также обратите внимание на использование вопросительного знака ( ? ) для отделения основного URL-адреса от значений поля и амперсанда (&) для разделения каждого поля в URL-адресе mailto: . Это стандартная нотация запроса URL. Прочтите метод GET, чтобы понять, для чего чаще используется нотация URL-запроса.

Вот еще несколько примеров URL-адресов mailto :

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

По ссылкам пока все! Вы вернетесь к ссылкам позже в курсе, когда начнете рассматривать их стилизацию. Далее для HTML мы вернемся к семантике текста и рассмотрим некоторые более продвинутые/необычные функции, которые вы найдете полезными. Расширенное форматирование текста — ваша следующая остановка.