Швидко освоїти Html

232
  • MAILTO в Html — що і як можна реалізувати
  • Синтаксис посилань з MAILTO для відправки повідомлень Емайл
  • Уважність вам в допомогу…
  • Здрастуйте, шановні читачі блогу . Іноді мені зустрічаються питання про те, що таке MAILTO. Люди намагаються перекладати цей термін з англійської (наприклад, з допомогою гуглівського або яндексовского перекладача), але транслейтеры це слово не розуміють. Більше толку буде, якщо ви запитаєте у них так: «mail to».

    Перекладач ругнется, що це мовляв «пошта», але розуміти це слід як «написати кому-то» або «відправити поштове повідомлення для кого-то». І саме цій меті служить Html тег MAILTO (точніше не тег, а атрибут, але це не суть важливо).

    Швидко освоїти Html

    Він дозволяє створювати посилання (читайте що таке), при переході за яким буде відкриватися поштовий клієнт, виділений у вашій операційній системі прийнятим за замовчуванням (точніше сторінка створення нового листа). Там вже можуть бути заповнені мало не всі поля (адреса, тема, введений текст повідомлення) і користувачеві залишиться тільки натиснути на кнопку «відправити».

    Дуже зручно буває використовувати таку мульку, але ось принципи створення правильного тега MAILTO не очевидні. Тому я і вирішив написати цей невеликий пост, щоб ви в подальшому могли використовувати його в якості мануала при необхідності створити посилання для напівавтоматичного відправки повідомлення на потрібний вам e-mail адресу. Боляче не буде, хіба що трохи лоскотно.

    MAILTO в Html — що і як можна реалізувати

    Отже, краса MAILTO в тому, що це мулька дозволяє користувачеві (наприклад, відвідувачеві вашого сайту) швидко відправити повідомлення (лист — читайте що таке електронна пошта). При цьому йому не потрібно ні поштовий клієнт відкривати, ні Емайл адресу з сайту копіювати — при кліку по такому посиланню все відбудеться на автоматі. Спробуйте самі клікнути по цій тестовій ссылке: Відправити листа адміну

    Можна буде і тему повідомлення в цю посилання зашити, і навіть його зміст (текст). Останнє може бути зручно, наприклад, при відправці повідомлень про виявлення якоїсь певної помилки на сайті або при замовленні якогось безкоштовного курсу, де текст може бути стандартним, а користувачеві тільки по кнопці «Відправити» залишиться жмакнуть для надсилання повідомлення.

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

    Пример работы ссылки типа MAILTOШвидко освоїти Html

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

    Відправити листа адміну

    Звичайно ж, на сайті для цієї ж мети може бути доречно встановити форму зворотного зв’язку, але і MAILTO має право на життя, а по частині автоматичної підстановки тексту цей варіант може дати фору багатьом формам. До того ж, таке посилання можна буде відправити в Html листі, або розмістити на форумі, де це дозволяється. Загалом, штука корисна і може стати в нагоді. Хоча б будете знати де шукати, якщо додасте цей пост в закладки.

    Синтаксис посилань з MAILTO для відправки повідомлень Емайл

    Синтаксис до неподобства простий, хоча підсумкова конструкція і може здатися занадто перевантаженою. Знаєте який буде найпростіший вид посилання використовує MAILTO? Швидше за все здогадалися — це коли у відкритому поштовому клієнті введеться лише Емайл-адресу того, кому цей лист буде відправлено, а всі інші поля тему і текст повідомлення) користувач повинен буде заповнювати самостійно. Виглядати це буде приблизно так: Відправити листа адміну

    Відправити листа адміну

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

    Простіше нікуди. Але ось повна запис MAILTO може виглядати набагато складніше, і схематично її можна представити так (квадратні дужки писати не потрібно — вони наведені тільки для візуального відділення окремих частин запису один від одного, щоб вам було простіше розкласти в мозку по поличках:

    mailto:[Email][?[subject=Тема]&[body=Зміст]&[cc=Email]&[bcc=Email]

    Тобто в попередньому (простому) прикладі ми використовували тільки:

    mailto:[Email]

    Але, як бачите, можна після цього справи поставити знак питання (?) і дописати багато чого цікавого, а саме ось такі параметри:

  • subject= — той текст, що вставится в полі «Тема» при створенні нового повідомлення у відкритому поштовому клієнті на комп’ютері користувача.
  • body= — ви можете і текст повідомлення повністю тут ввести, або хоча б його почати, щоб користувачеві не потрібно було б, наприклад, набирати «Здрастуйте!»
  • cc= — на вказаний тут Емайл-адреса буде відправлена копія листа
  • bcc= — а на цей Емайл буде відправлена прихована копія листа (він не буде відображатися в інших одержувачів цього повідомлення): MAILTO-посилання з прихованим Емайл-адресоюТекст Емайл-посиланняВставка скрытого Емайла в ссылкуШвидко освоїти Html
  • Останні два параметри не факт, що ви будете використовувати, тим більше, що якщо потрібно відправити лист на кілька адрес, то простіше їх буде перерахувати через кому прямо безпосередньо після MAILTO: Відправити листа адміну

    Відправити листа адміну

    Нічого незвичайного в запису не помітили? Я ж сказав через кому, а сам якусь лабуду з набору символів використовував. Що це? А це спецсимволи, які краще використовувати замість ком, а також прогалин, амперсандів та інших специфічних знаків. Так воно надійніше буде, бо не всі поштові програми їх правильно сприймуть.

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

  • Замість коми і пробіл, наступного за нею вставляйте — %2C%20
  • Замість & — використовуйте & (крапка з комою в кінці обов’язкові)
  • Замість пробілу — ставте %20
  • Перенесення рядка — можна задати за допомогою конструкції %0D%0A
  • Думаю, що після цього вам стає зрозуміліше той код посилання, що я навів на самому початку цього поста.

    Уважність вам в допомогу…

    Отже, підсумуємо. Після Html атрибута MAILTO через двокрапку вказується e-mail, на який повинно бути надіслано повідомлення. Далі при необхідності ставиться знак питання (без пробілів) і вказуються якісь з додаткових параметрів (subject, body, cc, bcc). Вони знову вводяться у рядок без пробілів, а їх значення вказуються після знака одно. Параметри один від одного відокремлюються амперсандами & (знову ж без пробілів). От і все. Бачите, як просто.

    Головне не забути закрити лапки після вводу значення останнього параметра, та й взагалі бути уважніше. Давайте для прикладу введемо щось просте, не вимагає використання спецсимволов (хіба що тільки & замість & все ж доведеться використовувати), які сильно знижують візуалізацію синтаксису запису MAILTO: Текст Емайл-посилання

    Текст Емайл-посилання

    Так, хлопців, якщо у адресі вашого Емайл теж присутні якісь хитромудрі символи, то їх краще замінити на спеціальні символи юнікоду. Наприклад, знак питання в адресу знято з підписки краще буде замінити на %3F (взяти код можна з цієї таблиці — просто знайдіть знак, клікніть по ньому та скопіюйте код, додавши в запису MAILTO перед кодом знак відсотків).

    Удачі вам! До зустрічей на сторінках блогу