Ссылка на почту в html


Tulyka
Делаю всё также, как написано здесь. Вроде бы всё правильно: и якорь с латинским именем находится в нужном месте и ссылка на него сделана в соответствии с требованиями. Публикую сообщение и пытаюсь посмотреть что же у меня в итоге вышло? В итоге, ничего не вышло. Для проверки результата, жму на ссылку, в надежде оказаться в нужном месте текста (или блога), а меня, с просматриваемой страницы блога, выкидывает назад, в редактор сообщений. Почему так?
NMitra
Да, вспомнила об особенности Blogger. Зайдите снова в редактируемое сообщение, но на вкладку "Изменить HTML" (или "HTML" для нового редактора), там подчистите хэш-ссылку до знака #. И не заходя на вкладку "Создать" сохраните.


Blogger считает, что пользователь ошибся, размещая href без полного URL и исправляет ошибку.

Я редко пользуюсь вкладкой "Создать", поэтому уж подзабыла.

Tulyka
Я об этом тоже подумала, но уже после того, как написала Вам. Так оно и есть: если делаешь хэш-ссылку, то в визуальный редактор "Создать" нельзя даже и на секундочку заглянуть, до тех пор, пока не сохранишь сообщение с уже готовыми ссылками.
Наконец-то, получилось. ) Спасибо!
LVE
NMitra, подскажите, пожалуйста:
1. Как вы выделяете в тексте код? Например когда приводите в пример строки кода, то слева от него вы ставите вертикальную линию. Как это задать в html или css?

2. Нет ли возможности сделать подсветку синтаксиса, в приводимых примерах кода html, css и пр.?

NMitra
1) http://shpargalkablog.ru/2010/12/napisat-kod-tekstom.html


2) стили можно использовать любые, например, http://shpargalkablog.ru/2011/09/cytata-html.html

NMitra
stas_dayan, это не URL, а анкор. Мне такую красоту не нужно в комментариях не нужно ))
scooter
kak sozdati fon
NMitra
С помощью стилей CSS. Например, так

<a href="URL" style="background: green;">анкор</a>

NMitra
В комментариях стили не пропускаются.
Анонимный
Здравствуйте NMitra!

Вопрос про хэш-ссылки. По умолчанию браузер при переходе по хэш-ссылке показывает ее содержимое в самом верху окна.
У меня в самом верху меню закреплено с помощью position:fixed;
и поэтому начало нужного текста при переходе по хэш-ссылке (а это обычно подзаголовок) не видно…
То есть посетитель теряется и не понимает куда его привела хэш-ссылка.


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

А если бы еще этот якорь как-нибудь при переходе подсвечивался… ну там бекграунд#FF0000 это было бы круто:)

С уважением, Владимир

NMitra
Здравствуйте, шикарный вопрос! Пока не готова дать на него ответ
NMitra
Владимир, есть ответ http://jsfiddle.net/NMitra/7g9mn63b/2/
Анонимный
NMitra, спасибо!

Отличное решение. Простой css, и всё работает (кроме background — ну и ладно). А в инете предлагаются большие скрипты, которые у меня все равно не получается подключить)

С уважением, Владимир

NMitra
Как то так http://shpargalkablog.ru/2014/03.

е, вместо смайлика свою картинку

<a href="#footer-1"><img src="http://photos1.blogger.com/x/blogger2/6533/16720282190093/320/140728/plain.gif" alt="смайлик" title="HTML код картинки" height="32" width="32"/></a>

Использовала id из http://fialkaa.blogspot.ru/ То есть id элемента, который находится как можно ближе к низу страницы.

Анонимный
Привет. Подскажите пожалуйста, есть кнопка размером 220×58, сделанная в css, и в её центре надпись, которая является ссылкой. Но сам элемент ссылки распространяется только всю ширину блока, то бишь на 100%, так как заключён в тег "center", но без него никак. А нужно чтобы ссылка была такой же, как и размер фона за текстом — 220х58, при этом должна оставаться в теге "center".
NMitra
Привет. Без кода что-то трудно сказать


Пример http://jsfiddle.net/NMitra/q49o7st6/

<style>
.raz {
display: block;
width: 220px;
height: 58px;
margin: 0 auto;
background: green;
}
</style>

<a href="#" class="raz"></a>

Возможно вам вот это поможет http://shpargalkablog.ru/2015/02/h1-seo.html#img (Утверждение 2)

Unknown
Спасибо огромное, генератор ссылки просто спасения для чайника 🙂 по мелочам когда делаю что-то, экономит уйму времени!
NMitra
Я тоже периодически им пользуюсь 🙂 Вроде знаю уж как всё пишется и всё равно…

shpargalkablog.ru

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

  • Содержание:
  • 1. Структура ссылки
  • 2. Абсолютный и относительный путь
  • 3. Якорь
  • 4. Как сделать изображение-ссылку
  • 5. Как сделать ссылку на телефонный номер, скайп или адрес электронной почты
  • 6. Атрибуты ссылок

1. Структура ссылки

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

Обязательным параметром тега <a> является атрибут href, который задает URl-адрес веб-страницы.

<a href="http://site.ru">указатель ссылки</a>

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

Адресная часть ссылки состоит из URl. URl (Uniform Resource Locator) — унифицированный адрес ресурса. При создании адресов для разделения слов между собой рекомендуется использовать дефис, а не символ подчёркивания. В общем виде URl имеющий следующий формат:

метод доступа://имя сервера:порт/путь

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


file обеспечивает чтение файла с локального диска:

file:/gallery/pictures/summer.html

http предоставляет доступ к веб-странице по протоколу HTTP:

http://site.ru/

https — специальная реализация протокола HTTP, использующая шифрование (как правило, SSL или TLS)

https://site.ru/

ftp осуществляет запрос к FTP-серверу на получение файла:

ftp://pgu/directory/library

mailto запускает сеанс почтовой связи с указанным адресатом и хостом:

mailto: nika@gmail.com

Имя сервера описывает полное имя машины в сети, например, site.ru. Если имя сервера не указано, то ссылка считается локальной, т.е. она относится к той же машине, на которой находится HTML-документ, содержащий ссылку.

Номер порта ТСР, на котором функционирует веб-сервер. Представляет собой число, которое необходимо указывать, если метод требует номер порта (отдельные сервера могут иметь свой отличительный номер порта). Если порт не указан, по умолчанию используется порт 80. Стандартными портами являются:
21 — FTP
23 — Telnet
70 — Gopher
80 — HTTP

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

2. Абсолютный и относительный путь

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


absolute-relative-path
Рис. 1. Пример структуры папок

2.1. Абсолютный путь

Абсолютный путь указывает точное местоположение файла в пределах всей структуры папок на компьютере (сервере). Абсолютный путь к файлу даёт доступ к файлу со сторонних ресурсов и содержит следующие компоненты:
1) протокол, например, http (опционально);
2) домен (доменное имя или IP-адрес компьютера);
3) папка (имя папки, указывающей путь к файлу);
4) файл (имя файла).

Существует два вида записи абсолютного пути — с указанием протокола и без него:

http://site.ru/pages/tips/tips1.html  //site.ru/pages/tips/tips1.html

Если файл находится в корневой папке, то путь к файлу будет следующим:

http://site.ru/index.html

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


http://site.ru/

Обычно в качестве индексного файла выступает документ с именем index.html. Наличие завершающего слеша / означает, что обращение идет к папке, если его нет — напрямую к файлу.

2.2. Относительный путь

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

Относительный путь содержит следующие компоненты:
1) папка (имя папки, указывающей путь к файлу);
2) файл (имя файла).

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

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


3. Якоря

Якоря, или внутренние ссылки, создают переходы на различные разделы текущей веб-страницы, позволяя быстро перемещаться между разделами. Это оказывается очень удобным в случае, когда на странице слишком много текста. Внутренние ссылки также создаются при помощи тега <a> с разницей в том, что атрибут href содержит имя указателя — так называемый якорь, а не URl-адрес. Перед именем указателя всегда ставится знак #.

Следующая разметка создаст оглавление с быстрыми переходами на соответствующие разделы:

<h1>Времена года</h1>  <h2>Оглавление</h2>  <a href="#p1">Лето</a> <!--создаём якорь, указав #id элемента-->  <a href="#p2">Осень</a>  <a href="#p3">Зима</a>  <a href="#p4">Весна</a>  <p id="p1">...</p> <!--добавляем соответствующий id элементу-->  <p id="p2">...</p>  <p id="p3">...</p>  <p id="p4">...</p>

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

<th id="about-color">color</th>  <a href="https://html5book.ru/css-shrifty/#about-color" class="site" target="_blank">color</a>

4. Как сделать изображение-ссылку

Чтобы сделать кликабельное изображение, необходимо поместить элемент <img> внутрь тега <a>. Чтобы ссылка открывалась в другом окне, нужно добавить атрибут target="_blank" для ссылки.

<a href="http://www.fast-torrent.ru/film/gran-za-granyu-tv.html" target="_blank"><img src="//html5book.ru/wp-content/uploads/2014/07/Fringe.jpg" alt="Fringe"></a>
fringe
Рис. 2. Изображение-ссылка

5. Как сделать ссылку на телефонный номер, скайп или адрес электронной почты

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

ссылка на телефонный номер  <a href="tel:+74951234567">+7 (495) 123-45-67</a>    ссылка на адрес электронной почты   <a href="mailto:example@mail.ru">example@mail.ru</a>    ссылка на скайп (позвонить)  <a href="skype:имя-пользователя?call">Skype</a>    ссылка на скайп (открыть чат)  <a href="skype:имя-пользователя?chat">Skype</a>    ссылка на скайп (добавить в список контактов)  <a href="skype:имя-пользователя?add">Skype</a>    ссылка на скайп (отправить файл)  <a href="skype:имя-пользователя?sendfile">Skype</a>

html5book.ru

Параметры

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

Параметр Значение
subject тема письма
body содержание письма
cc кому отправить обычную копию
bcc кому отправить скрытую копию

Синтаксис

mailto:адрес+электронной+почты?параметр=значение&параметр=значение&...

То есть, сначала указывается слово «mailto»; затем — двоеточие (:); затем — адрес электронной почты (необязательно); затем — вопросительный знак (?); затем — пары «параметр=значение», разделённые амперсандом (&).

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

Пример

В примере амперсанды (&) заменены на соответствующие мнемоники (&amp;), так как иначе документ не пройдёт валидацию.

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

developer.roman.grinyov.name

Примеры[править | править код]

Использование «mailto» в HTML-документе, чтобы создать ссылку для отправки письма:

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

Можно указать несколько адресов:[5]

Можно не указывать адрес:

Полный набор значений и синтаксис с примерами приведены в RFC-6068.

Несрабатывания[править | править код]

Ссылки mailto не всегда работают правильно для посетителя сайта. Механизм, который активирует ссылка, требует, чтобы на компьютере или в браузере был настроен почтовый клиент или веб-клиент по-умолчанию. Не все браузеры, например Internet Explorer, поддерживают настройку веб-клиентов для таких ссылок, работая только с локальными клиентами. Другие, такие как Opera, Firefox и Chrome, поддерживают оба варианта.

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

Безопасность и приватность[править | править код]

Несколько проблем с безопасностью отмечены в RFC 2368, но самая большая проблема — сбор адресов роботами. Конструкции mailto можно найти в HTML-страницах автоматически, используя DOM или регулярные выражения. Собранные таким образом адреса могут быть добавлены в спамерские ссылки рассылки и получать большое количество нежелательных писем.

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

ru.wikipedia.org

Варианты вставки email ссылки

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

<a href="https://wd-x.ru">World-X</a> 

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

<a href="mailto:info@w-d-x.ru">Написать письмо автору</a> 

Как можем видеть, адрес между кавычками получил команду для вызова окна почтового клиента «mailto:». А значит, по щелчку откроется создание нового письма с уже введённым адресом эл-почты получателя.

С указанием темы сообщения

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

<a href="mailto:info@w-d-x.ru?subject=Со страниц сайта World-X">Написать письмо автору</a> 

Если заметили, в этом случае добавляется новый параметр сразу после адреса электронной почты — «?subject«. А после знака равенства можете указать свой текст для темы сообщения.

С указанием текста сообщения

Также можно частично добавить текст сообщения. Например, для идентификации корреспонденции. Для этого используем следующий параметр — «&body», а после равно пишем свой текст для письма.

<a href="mailto:info@w-d-x.ru?subject=Со страниц сайта World-X&body=Это сообщение адресовано администратору сайта">Написать письмо автору</a> 

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

Вместо послесловия

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

wd-x.ru

Абсолютные адреса

Это относится к случаю, когда URL-адрес содержит полный путь. Например:

Относительные адреса

В этом случае в URL-адресе указывается путь относительно текущего положения. Например, если мы хотим сослаться на URL-адрес https://www.quackit.com/html/tutorial/, а наше текущее местоположение — https://www.quackit.com/html/, нужно использовать следующую ссылку:

Адреса относительно корня сайта

Это относится к URL-адресу ссылки HTML, в котором определен путь относительно корня домена.

Например, если мы хотим ссылаться на URL-адрес https://www.quackit.com/html/tutorial/, а текущее местоположение — https://www.quackit.com/html/, нужно использовать следующую ссылку:

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

Цели ссылки

Также можно определить, где будет открыт URL-адрес: в новом окне или в текущем. Это можно сделать с помощью атрибута target. Например, target = «_ blank» открывает URL в новом окне.

Атрибут target может принимать следующие значения:

Пример:

Посмотреть пример

Ссылки перехода

Можно сделать ссылки, которые будут направлять в другие разделы в переделах одной страницы (или другой).

Вот как сделать ссылку в HTML на эту же страницу:

  1. Добавьте идентификатор к цели ссылки

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

  1. Создайте гиперссылку

Теперь создайте гиперссылку. Это делается с помощью идентификатора цели ссылки, которому предшествует символ хэша (#):

Приведенные выше фрагменты кода размещены в разных частях документа. Получается примерно следующее:

Посмотреть пример

Это необязательно должна быть одна и та же страница. Можно использовать этот метод, чтобы перейти к идентификатору любой страницы. Для этого перед тем, как вставить ссылку в HTML, добавьте целевой URL-адрес перед символом «#». Например:

Конечно, предполагается, что на странице есть идентификатор с этим значением.

Ссылки на электронную почту

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

Посмотреть пример

Нажатие на эту ссылку приведет к открытию вашего почтового клиента по умолчанию с уже заполненным адресом электронной почты получателя.

Можно автоматически заполнить строку темы для своих пользователей, и даже тело письма. Это делается путем добавления параметров subject и body к адресу электронной почты.

Посмотреть пример

www.internet-technologies.ru

MAILTO в Html — что и как можно реализовать

Итак, прелесть MAILTO в том, что это мулька позволяет пользователю (например, посетителю вашего сайта) быстро отправить сообщение (письмо — читайте что такое электронная почта). При этом ему не потребуется ни почтовый клиент открывать, ни Емайл адрес с сайта копировать — при клике по такой ссылке все произойдет на автомате. Попробуйте сами кликнуть по этой тестовой ссылке: Отправить письмо админу KtoNaNovenkogo.ru

Можно будет и тему сообщения в эту ссылку зашить, и даже его содержание (текст). Последнее может быть удобно, например, при отправке сообщений об обнаружении какой-то определенной ошибки на сайте или при заказе какого-нибудь бесплатного курса, где текст может быть стандартным, а пользователю только по кнопке «Оправить» останется жмакнуть для отправки вам сообщения.

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

Ссылка на почту в html

Код такой ссылки с MAILTO, правда, будет выглядеть несколько монструозно, но во-первых, пользователь его все равно не увидит, а во-вторых, чуть ниже я на пальцах покажу насколько тут все просто устроено (правда, правда):

<a href="mailto:admin@ktonanovenkogo.ru%2C%20qwertydmitriy@gmail.com?subject=От%20уважаемого%20читателя&amp;body=Здравствуйте!%0D%0A%0D%0AВыражаю%20Вам%20свое%20фи!!!%0D%0AВы%20сильно%20пали%20в%20моих%20глазах!!!!">Отправить письмо админу KtoNaNovenkogo.ru</a>

Конечно же, на сайте для этой же цели может быть уместно установить форму обратной связи, но и MAILTO имеет право на жизнь, а по части автоматической подстановки текста этот вариант может дать фору многим формам. К тому же, такую ссылку можно будет отправить в Html письме или разместить на форуме, где это позволяется. В общем, штука полезная и вполне может пригодиться. Хотя бы будете знать где искать, если добавите этот пост в закладки.

Синтаксис ссылок с MAILTO для отправки Емайл сообщений

Синтаксис до безобразия прост, хотя итоговая конструкция и может показаться через чур перегруженной. Знаете какой будет самый простой вид ссылки использующей MAILTO? Скорее всего догадываетесь — это когда в открывшемся почтовом клиенте введется только лишь Емайл-адрес того, кому это письмо будет отправлено, а все остальные поля (тему и текст сообщения) пользователь должен будет заполнять самостоятельно. Выглядеть это дело будет примерно так: Отправить письмо админу KtoNaNovenkogo.ru

<a href="mailto:admin@ktonanovenkogo.ru">Отправить письмо админу KtoNaNovenkogo.ru</a>

Т.е. всего лишь заменяете в теге ссылки А (она же и гиперссылка А) атрибут HREF на MAILTO, а сразу после него без пробела, но через двоеточие пишите тот Емайл адрес, который вставится в поле «Кому» при создании нового сообщения в открывшемся почтовом клиенте на компьютере пользователя.

Проще некуда. Но вот полная запись MAILTO может выглядеть намного сложнее, и схематично ее можно представить так (квадратные скобки писать не нужно — они приведены только для визуального отделения отдельных частей записи друг от друга, чтобы вам это было проще разложить в мозгу по полочкам:

mailto:[Email][?[subject=Тема]&[body=Содержание]&[cc=Email]&[bcc=Email]

Т.е. в предыдущем (простейшем) примере мы использовали только:

mailto:[Email]

Но, как видите, можно после этого дела поставить знак вопроса (?) и дописать много чего интересного, а именно такие вот параметры:

  1. subject= — тот текст, что вставится в поле «Тема» при создании нового сообщения в открывшемся почтовом клиенте на компьютере пользователя.
  2. body= — вы можете и текст сообщения полностью здесь ввести, или хотя бы его начать, чтобы пользователю не нужно было бы, например, набирать «Здравствуйте!»
  3. cc= — на указанный тут Емайл-адрес будет отправлена копия письма
  4. bcc= — а на этот Емайл будет отправлена скрытая копия письма (он не будет отображаться у других получателей этого сообщения): MAILTO-ссылка со скрытым Емайл-адресом
    <a href="mailto:admin@ktonanovenkogo.ru?subject=Тема&amp;body=Текст&amp;bcc=qwertydmitriy@gmail.com">Текст Емайл-ссылки</a>

    Ссылка на почту в html

Последние два параметра не факт, что вы будете использовать, тем более, что если требуется отправить письмо на несколько адресов, то проще их будет перечислить через запятую прямо непосредственно после MAILTO: Отправить письмо админу KtoNaNovenkogo.ru

<a href="mailto:admin@ktonanovenkogo.ru%2C%20qwertydmitriy@gmail.com">Отправить письмо админу KtoNaNovenkogo.ru</a>

Ничего необычного в записи не заметили? Я же ведь сказал через запятую, а сам какую-то лабуду из набора символов использовал. Что это? А это спецсимволы, которые лучше использовать вместо запятых, а также пробелов, амперсандов и других специфических знаков. Так оно надежнее будет, ибо не все почтовые программы их правильно воспримут.

Давайте я просто приведу тут набор спецсимволов (взятых из юникода), чтоб вам было понятнее:

  1. Вместо запятой и пробела следующего за ней вставляйте — %2C%20
  2. Вместо & — используйте &amp; (точка с запятой в конце обязательны)
  3. Вместо пробела — ставьте %20
  4. Перенос строки — можно задать с помощью конструкции %0D%0A

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

ktonanovenkogo.ru

Как вставлять ссылки на электронную почту | n-wp.ru

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

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

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

пишите письма

Как видите, отличий мало, за исключением лишь того, что в качестве адреса фигурирует команда отправки почтового сообщения по определенному адресу. Если вы вставите эту ссылку на страницу, то при клике по ней для создания нового письма откроется почтовый клиент. Удобно? Несомненно!

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

пишите письма

Как видите, для того, чтобы при клике на ссылку автоматически создавалось письмо с темой “Письмо c n-wp.ru”, нужно к адресу добавить ?subject=.

Можно так же задать и текст сообщения, который автоматически впишется в окно нового письма. Для этого существует параметр &Body=.

пишите письма

Почтовое сообщение можно продублировать на определенный адрес – для этого в нем есть специальное поле. Отвечает за это параметр &code=.

пишите письма

Это письмо будет с темой “Письмо c n-wp.ru”, в нем будет уже введен текст “Это текст сообщения”, оно уйдет на адрес tiaurus@msn.com, и будет продублировано на адрес adr1@mail.ru (получатель увидит, что не он один получил это письмо – ему будет показан и дублирующий адрес). Но не всегда мы хотим, чтобы получатель видел, что кто-то еще получил письмо. Для этого придумали скрытые копии – соответствующее поле есть в форме нового письма почтового клиента. За скрытую копию отвечает параметр &bcode=.

пишите письма

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

n-wp.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.