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

Добавление гиперссылки в документ Office на мобильном устройстве

Excel для iPad Word для iPad PowerPoint для iPad Excel для iPhone Word для iPhone PowerPoint для iPhone Word для планшетов c Android Excel для планшетов с Android PowerPoint для планшетов с Android Excel для телефонов с Android Excel Mobile PowerPoint для телефонов с Android PowerPoint Mobile Word для телефонов с Android Word Mobile Еще. Меньше

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

Основные гиперссылки можно вставить в любой документ Office на мобильном устройстве. В Word можно также ввести отображаемый текст для любого можно вставить URL-адреса.

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

Чтобы просмотреть эту функцию в PowerPoint, должен быть изнутри Office

Участники программы предварительной оценки — это подписчики Microsoft 365, которые раньше всех знакомятся с новыми возможностями каждый месяц и помогают команде Office оценить свою работу. Примите участие в программе предварительной оценки Office

В любом документе Office

Основные гиперссылки можно добавить в документ Office на мобильном устройстве, просто введите допустимый URL-адрес, за которым следует возврата каретки. Например введите www.wikipedia.com или http://wikipedia.com и затем нажмите кнопку Вернуть. Office распознает текст как URL-адрес и вставка гиперссылки.

В Word и PowerPoint

Помимо команды создания веб-ссылку основные «http», можно также использовать синтаксис «mailto» для создания связи, который можно будет открыть сообщения электронной почты. (Пример: mailto:info@contoso.com)

На планшете или телефоне с Android

1. На планшете с Android откройте вкладку Вставка. На телефоне с Android нажмите значок «Правка» в верхней части экрана, выберите Главная и нажмите Вставка.
2. Нажмите Ссылка.
3. Введите отображаемый текст и адрес ссылки.
4. Выберите Вставка.

На iPhone или iPad

Помимо команды создания веб-ссылку основные «http», можно также использовать синтаксис «mailto» для создания связи, который можно будет открыть сообщения электронной почты. (Пример: mailto:info@contoso.com)

1. На iPhone в верхней части экрана нажмите кнопку Правкаи выберите Главная.
2. Коснитесь элементов Вставка >Ссылка.
3. Введите отображаемый текст и адрес ссылки.
4. На iPhone нажмите Готово. На iPad просто коснитесь экрана за пределами диалогового окна, чтобы закрыть его.

На планшете или телефоне с Windows

1. На планшете с Windows откройте вкладку Вставка. На телефоне с Windows нажмите Дополнительнов нижней части экрана, откройте вкладку Главная и нажмите Вставка.
2. Нажмите Ссылка.
3. Введите отображаемый текст и адрес ссылки.
4. Выберите Вставка.

Как сделать ссылку в Телеграмме? Все про гиперссылки

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

Как продвигать Telegram-канал?

Telega.in — лучшая биржа каналов с безопасной сделкой. Выбери каналы со статистикой и сделай массовую закупку постов. От 10 рублей!

Taplike — покупка активностей в ваш канал: подписчики, просмотры. Подготовь канал к продвижению. 100% гарантия безопасности от сервиса. От 10 рублей!

Click.ru — запуск официальной рекламы Telegram Ads (от €3000/месяц).

Чаще всего вставку ссылки используют администраторы каналов для красивого оформления постов или рекламы.

На телефоне

Android

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

• Открываем диалог или канал и пишем текст. Затем выделяем нужный текст, зажав его пальцем, и, в открывшейся дополнительной строке, нажимаем на три точки;
• Появится список, где нужно найти пункт «Добавить ссылку»;
• Откроется дополнительно окно. Теперь осталось только вставить туда ссылку и все готово.

Другой способ — сделать ссылку с помощью бота:

• Зайти на ваш канал и нажать на его название;
• Теперь в открывшемся окне нужно выбрать пункт «Администраторы» и нажать на кнопку «Добавить пользователя»;
• Вводим в поиске название бота, после чего он добавится на ваш канал. В нашем случае это @MarkdownBot;
• Заходим к нему в диалог и жмем на кнопку «Старт»;
• Теперь с помощью бота можно оформлять ваши посты, используя шаблон: [текст](ссылка).

iPhone

На этой операционной системе можно воспользоваться двумя способами.

• Откройте канал в Телеграм и добавьте администратора «@ControllerBot»;
• Откройте диалог с ним, перейдите в меню «Каналы», затем «Добавить канал»;
• Используйте функцию «Отправить пост»;
• Оформите публикацию;
• Если используется формат разметки Markdown, ссылка в виде текста оформляется так: [текст ссылки](http://example.com/url), а если HTML, тогда так: текст ссылки. Выбирайте формат в настройках бота.

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

Сделать гиперссылку с помощью встроенного меню Телеграм на iPhone так же просто, как и на Android. Но процесс немного отличается:

• Нужно открыть диалог/канал, и написать текст. И, зажав нужную часть текста с помощью пальца, вызвать дополнительную строку, а потом нажать на стрелку вправо.
• Выбираем пункт «B/U» и листаем список, пока не дойдем до пункта «Ссылка»;
• Выбрав его, появится окно, куда так же можно вставить ссылку и нажать на кнопку «Готово».

На компьютере

Windows

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

Попробуем сделать ссылку с помощью того же встроенного меню Телеграм:

• Открываем мессенджер и набираем текст в любом диалоге или канале;
• Выделяем его с помощью левой кнопки мыши, а с помощью правой вызываем меню;
• Если навести курсор на пункт «Форматирование» — появляется дополнительное меню, где мы ищем пункт «Добавить ссылку»;
• Вставляем ссылку в открывшемся окне и жмем «Готово».

Такого же эффекта можно добиться с помощью сочетания клавиш Ctrl + K:

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

Еще можно воспользоваться ботами. Делается это так же, как и на Android.

Mac OS

Процесс создания гиперссылки на Mac абсолютно идентичен процессу на Windows. Нужно просто следовать инструкции, которая описана выше. Единственное, что отличается, это другая комбинация клавиш, которая выглядит следующим образом — Cmd + K.

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

Если вы вдруг ошиблись и указали неверную ссылку, то ее всегда можно отредактировать.

На Android и iPhone это делается так:

• Зажимаете пальцем на экране диалога сообщение, которое нужно отредактировать и снова выделяете слово и часть текста, куда была вставлена ссылка;
• После этого так же нажимаете на кнопку «Добавить ссылку» в появившемся меню;
• А теперь указываете новую ссылку или исправляете старую и жмете «Готово».

На компьютерной версии Телеграм это происходит так:

• Находим нужное сообщение и нажимаем по нему правой кнопкой мыши;
• Выбираем пункт «Изменить»;
• Выделяем левой кнопкой гиперссылку и жмем на нее правой;
• В открывшемся меню появится новый пункт «Изменить ссылку»;
• По нажатию вы сможете ее отредактировать и сохранить.

Как узнать ссылку на свой профиль в Телеграм

Вне зависимости от платформы это делается следующим образом:

• Открываем мессенджер и жмем на три горизонтальные полоски;
• Затем ищем пункт «Настройки» и выбираем его;
• На компьютере нужно нажать на кнопку «Изменить профиль», чтобы увидеть следующий пункт;
• Нажимаем на «Имя пользователя» и видим внизу ссылку, которая и является ссылкой на ваш профиль Телеграм. При необходимости ее можно сразу скопировать.

Так же, если вам нужно узнать ссылку на профиль другого человека, то:

• Нажимаете на его аватар и копируете имя пользователя;
• Затем вставляете скопированное имя в шаблон https://t.me/ и получаете ссылку, которой можно поделиться.

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

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

А затем следовать вышеописанным инструкциям, в зависимости от платформы, на которой вы используете Телеграм.

Как сокращать ссылки в Телеграм

Чтобы сделать это непосредственно в самом приложении Телеграм, понадобится бот:

• Открываем поиск и вводим туда следующее: @ylinkpro_bot;
• Открываем диалог с ботом и нажимаем «Запустить»;
• Теперь, чтобы сократить ссылку, достаточно отправить ее ему, а он в свою очередь пришлет уже сокращенный вариант.

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

Как узнать и скопировать ссылку

На канал, группу или бота

Чтобы скопировать ссылку на канал или группу, нужно:

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

А чтобы скопировать ссылку на бота, делаем следующее:

• Так же нажимаем на три точки в правом верхнем углу и выбираем пункт «Показать профиль»;
• Затем копируем его имя и вставляем в шаблон https://t.me/, чтобы получить ссылку.

Где найти ссылку на пост или сообщение

Узнать и скопировать ссылку на пост можно следующим образом:

• Открываем канал, он должен быть публичным;
• Затем нажимаем правой кнопкой мыши или зажимаем пальцем (если вы это делаете с телефона) нужный пост;
• Всплывет меню, где нужно выбрать пункт «Копировать ссылку на сообщение»;
• Нажав на него, она копируется в буфер обмена. После этого ей можно поделиться.

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

Почему не открывается ссылка в Телеграм

Проблема возникает либо из-за того, что у ссылки неверный адрес, либо из-за блокировки ресурса Роскомнадзором.

Исправить это можно с помощью специальных сервисов, которые преобразовывают ссылки, соответствующие названию сервиса. Делается это так:

• Открываем сервис. Их много, но в нашем случае это teleg.run.;
• Теперь вводим в соответствующее поле скопированную нами ссылку и жмем «Получить адрес»;
• После этого в поле появится уже преобразованная ссылка, которая будет открываться.

Метки поста: Telegram

Создатель и автор сайта gruzdevv.ru. Практикующий маркетолог (PPC, SEO, SMM). Более 150 реализованных контентных сайтов. Онлайн-консультации и аудит проектов. Ссылка на приватный Телеграм-канал:

Как сделать кликабельный телефон на сайте

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

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

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

Именно для того, чтобы решить эту проблему, был разработан способ, который отвечает на вопрос «Как правильно указывать номер телефона на сайте». Давайте разберемся, как разместить телефон на сайте и сделать его кликабельным.

Сделать номер телефона кликабельным можно с помощью обыкновенной ссылки, но со специальным адресом:

То есть в атрибуте href должно быть указано: tel: и номер телефона в формате, который вам нужен.

Выглядеть это будет так:

После этого пользователи мобильных устройств смогут просто кликнуть на ссылку и, не совершая дополнительных действий, позвонить вам. Теперь можно добавлять номер телефона в блок контактов на вашем сайте.

Кроме кликабельного номера телефона, есть возможность добавить кликабельную ссылку на ваш Skype:

Или можно добавить ссылку для звонка со Skype на телефон:

Создание гиперссылок

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

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

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

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

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

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

Анатомия ссылки

Простая ссылка создаётся путём обёртывания текста (или другого содержимого, смотрите Ссылки-блоки), который вы хотите превратить в ссылку, в элемент , и придания этому элементу атрибута href (который также известен как гипертекстовая ссылка, или цель), который будет содержать веб-адрес, на который вы хотите указать ссылку.

p> Я создал ссылку на a href="https://www.mozilla.org/ru/">домашнюю страницу Mozillaa>. p> 

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

Добавляем информацию через атрибут title

Другим атрибутом, который вы можете добавить к своим ссылкам, является — title . Он предназначен для хранения полезной информации о ссылке. Например, какую информацию содержит страница или другие вещи, о которых вам нужно знать. Например:

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

Вот что получилось (описание появится, если навести курсор на ссылку):

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

Активное изучение: создаём собственную ссылку

Время упражнения: мы хотели бы, чтобы вы создали любой HTML-документ в текстовом редакторе на своём компьютере (наш базовый пример подойдёт.)

• Попробуйте добавить в тело HTML один или несколько абзацев или другие элементы, о которых вы уже знаете.
• Теперь превратите некоторые фрагменты документа в ссылки.
• Добавьте ссылкам атрибут title .

Ссылки-блоки

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

a href="https://www.mozilla.org/ru/"> img src="mozilla-image.png" alt="логотип mozilla со ссылкой на их домашнюю страницу" /> a> 

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

Краткое руководство по URL-адресам и путям

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

URL-адрес (Uniform Resource Locator, или единый указатель ресурса, но так его никто не называет) — это просто строка текста, которая определяет, где что-то находится в Интернете. Например, домашняя страница Mozilla находится по адресу https://www.mozilla.org/ru/ .

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

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

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

Тот же каталог: Если вы хотите подключить ссылку внутри index.html (верхний уровень index.html ), указывающую на contacts.html , вам просто нужно указать имя файла, на который вы хотите установить ссылку, так как он находится в том же каталоге, что и текущий файл. Таким образом, URL-адрес, который вы используете — contacts.html :

p> Хотите связаться с конкретным сотрудником? Найдите подробную информацию на нашей a href="contacts.html">странице контактовa>. p> 

p> Посетите мою a href="projects/index.html">домашнюю страницу проектаa>. p> 

p> Ссылка на a href="../pdfs/project-brief.pdf">краткое описание моего проектаa>. p> 

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

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

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

h2 id="Почтовый_адрес">Почтовый адресh2> 

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

p> Хотите написать мне письмо? Используйте наш a href="contacts.html#Почтовый_адрес">почтовый адресa>. p> 

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

p> a href="#Почтовый_адрес">Почтовый адрес компанииa> можно найти в нижней части этой страницы. p> 

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

Два понятия, с которыми вы столкнётесь в Интернете, — это абсолютный URL и относительный URL:

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

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

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

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

Советуем вам основательно разобраться в этой теме!

Практика написания хороших ссылок

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

Используйте чёткие формулировки описания ссылок

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

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

Взгляните на этот пример:

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

p>a href="https://firefox.com/"> Скачать Firefox a>p> 

Плохой текст ссылки: Нажми сюда, чтобы скачать Firefox

p>a href="https://firefox.com/"> Нажми сюда a> чтобы скачать Firefoxp> 

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

Используйте относительные ссылки, где это возможно

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

• Во-первых, гораздо проще прописать в коде относительные URL-адреса, как правило, они намного короче абсолютных URL-адресов, что значительно упрощает чтение кода
• Во-вторых, использование относительных URL-адресов эффективней по следующей причине. Когда вы используете абсолютный URL-адрес, браузер начинает поиск реального местоположения сервера запрашивая адрес у Domain Name System (DNS; также прочтите Как работает web), затем он переходит на этот сервер и находит файл, который запрашивается. С относительным URL-адресом проще: браузер просто ищет файл, который запрашивается на том же сервере. Используя абсолютные URL-адреса вместо относительных, вы постоянно нагружаете свой браузер дополнительной работой.

Создавая ссылки на не HTML ресурсы — добавляйте описание

Когда вы создаёте ссылку на файл, нажав на который можно загрузить документ PDF или Word или открыть просмотр видео, прослушивание аудио файла или перейти на страницу с другим, неожиданным для пользователя результатом (всплывающее окно или загрузка Flash-фильма), добавляйте чёткую формулировку, чтобы уменьшить путаницу. Отсутствие описания может раздражать пользователя. Приведём пример:

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

Посмотрите на примеры, чтобы увидеть, как добавить описание:

p> a href="http://www.example.com/large-report.pdf"> Скачать отчёт о продажах (PDF, 10MB) a> p> p> a href="http://www.example.com/video-stream/"> Посмотреть видео (видео откроется в отдельном окне, HD качество) a> p> p> a href="http://www.example.com/car-game"> Играть в гонки (необходим Flash) a> p> 

Используйте атрибут download, когда создаёте ссылку

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

a href="https://download.mozilla.org/?product=firefox-39.0-SSL&os=win&lang=en-US" download="firefox-39-installer.exe"> Скачать Firefox 39 для Windows a> 

Активное изучение: создание меню навигации

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

Вам нужно скачать или создать следующие страницы в одном каталоге (Смотрите navigation-menu-start):

1. Добавьте неупорядоченный список в указанном месте в любом html-файле. Список должен состоять из имён страниц (index, projects и т.д.). Меню навигации обычно представляет собой список ссылок, поэтому создание неупорядоченного списка семантически верно.
2. Создайте ссылки каждому элементу списка, ведущие на эти страницы.
3. Скопируйте созданное меню в каждую страницу.
4. На каждой странице удалите только ссылку, которая указывает на эту же страницу (на странице index.html удалить ссылку index и так далее). Дело в том, что, находясь на странице index.html, нам незачем видеть ссылку в меню на эту же страницу. С одной стороны, нам незачем ещё раз переходить на эту же страницу, с другой, такой приём помогает визуально определить, смотря на меню, в какой части сайта мы находимся.

Когда закончите задание, посмотрите, как это должно выглядеть:

Примечание: Если не удаётся сделать, или вы не уверены, что сделали верно, посмотрите наш вариант navigation-menu-marked-up.

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

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

Самыми простыми и часто используемыми формами mailto: являются subject, cc, bcc и body; дальше прописываем адрес электронной почты. Например:

a href="mailto:nowhere@mozilla.org">Отправить письмо для nowherea> 

В результате получим ссылку вида: Отправить письмо для nowhere.

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

Особенности и детали

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

Вот пример который включает cc(кому отправить копию сообщения, все получатели письма видят список тех кто это письмо получит), bcc(скрытый адрес получателя, никто из получателей не будет видеть полный список получателей письма), subject(тема письма) и body(текст сообщения):

a href="mailto:nowhere@mozilla.org?cc=name2@rapidtables.com&bcc=name3@rapidtables.com&subject=The%20subject%20of%20the%20email &body=The%20body%20of%20the%20email"> Send mail with cc, bcc, subject and body a> 

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

Вот несколько примеров использования mailto URLs:

• mailto:
• mailto:nowhere@mozilla.org
• mailto:nowhere@mozilla.org,nobody@mozilla.org
• mailto:nowhere@mozilla.org?cc=nobody@mozilla.org
• mailto:nowhere@mozilla.org?cc=nobody@mozilla.org&subject=This%20is%20the%20subject

Заключение

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

В этом модуле

• Начало работы с HTML
• Что такое заголовок? Метаданные в HTML
• Основы редактирования текста в HTML
• Создание гиперссылок
• Углублённое форматирование текста
• Структура документа и веб-сайта
• Отладка HTML
• Разметка письма
• Структурируем страницу

Found a content problem with this page?

• Edit the page on GitHub.
• Report the content issue.
• View the source on GitHub.

This page was last modified on 3 авг. 2023 г. by MDN contributors.

Your blueprint for a better internet.