Страница не найдена (ошибка 404)
PHP
|
|
HTML/CSS
|
|
JS/jQuery
htaccess
Bootstrap
Программы
Разное
Справочники
|
|
Страница не найдена (ошибка 404)
PHP
|
|
HTML/CSS
|
|
JS/jQuery
htaccess
Bootstrap
Программы
Разное
Справочники
|
|
новый код – Добавление телефонных номеров на веб-страницы с помощью HTML5 и микроданных
Традиционно телефонные номера размещались на веб-страницах в виде простой последовательности цифр, неотличимой от любого другого содержимого. Когда мобильные пользователи посещают сайты, они ожидают, что номера телефонов будут полезны, что приведет к прямому контакту.
Мы достигаем этого двумя способами: добавляем ссылку с протоколом tel
и вставляем микроданные. Есть также несколько соображений, которые мы должны сделать для настольных приложений, особенно для Skype и Internet Explorer.
Связывание телефонных номеров для мобильных устройств и телефонных приложений
Подобно добавлению ссылки mailto:
вокруг адресов электронной почты на странице, телефонные номера связываются с помощью протокола tel
:
Чтобы сделать заказ, позвоните по 317-456-2564
iPhone, Android и другие мобильные устройства теперь распознают номер телефона; переход по ссылке инициирует телефонный звонок.
Есть несколько вещей, о которых следует знать:
- Помните, что все веб-страницы являются международными; цифры, перечисленные после
tel
, должны включать префикс международного набора, чтобы номер можно было использовать из любого места. - Если страница просматривается в настольном браузере, щелчок по номеру вызовет соответствующее приложение телефонии, такое как Skype, Google Voice или Microsoft Communicator, точно так же, как использование протокола
mailto:
в ссылке вызовет приложение электронной почты. - Визуальные разделители не являются обязательными в спецификации, за исключением 9Символ 0005 + перед международным телефонным кодом.
Не путайте значение тел
с тем, как набирается номер на телефоне: в большинстве телефонных систем перед международным кодом при наборе номера требуется 00
, но это не включено в значение тел
. Например, чтобы указать номер телефона в Новой Зеландии:
Позвоните по телефону 445-2663 в Окленде, чтобы забронировать рейс.
В телефонный номер можно вставлять паузы для добавления добавочного номера:
Позвоните в службу поддержки по телефону 323-579-8328 доб. 22
( p
определяет односекундную паузу; w
означает «ожидание гудка»)
Точно таким же образом можно указать номера факсов, используя протокол факс:
.
Добавление микроданных
Возможно, вы захотите обогатить свою разметку, добавив микроданные, что позволит поисковым системам лучше понять тот факт, что цифры на странице на самом деле являются номером телефона:
Купальный костюм Beach Bunny
Телефон: 850-648-4200
Фотография Яна-Хендрика Касперса, использованная под лицензией Creative Commons Attribution-ShareAlike 2.0 Generic
Вам понравился этот фрагмент? Я приглашаю вас подписаться на меня на twitter.com/dudleystorey, чтобы узнать больше.
input type=tel – поле ввода телефонного номера (NEW)
ⓘ input type=tel – поле ввода телефонного номера NEW # T
вход
элемент
с атрибутом типа, чей
значение « tel
» представляет однострочный текст
редактирование элемента управления для ввода номера телефона.
Допустимое содержимое #
пустой (пустой элемент)
Разрешенные атрибуты #
глобальные атрибуты & имя & инвалид & форма & тип★ и автозаполнение и автофокус & список & максимальная длина & шаблон и только для чтения & требуется & размер & заполнитель & значение
- ⓘ глобальные атрибуты
- Любые атрибуты, разрешенные глобально.
- ⓘ имя = строка #
- Часть имени пары имя/значение, связанная с этим элемент для отправки формы.
- ⓘ отключен = «инвалид» или «» (пустая строка) или пустая #
- Указывает, что элемент представляет отключенный контроль.
- ⓘ форма = Идентификационная ссылка НОВЫЙ #
- Значение я бы атрибут на форма с которым связать элемент.
- ⓘ тип = «тел» #
- Указывает, что его вход элемент однострочный текстовый элемент управления для ввода номер телефона.
- ⓘ автозаполнение = «включено» или «выключено» НОВЫЙ #
- Указывает, представляет ли элемент ввод элемент управления, для которого UA предназначен для хранения введенного значения пользователем (чтобы UA мог предварительно заполнить форму потом).
- ⓘ автофокус = «автофокус» или «» (пустая строка) или пустая НОВЫЙ #
- Указывает, что элемент представляет элемент управления, к которому UA предназначен для того, чтобы сосредоточить внимание, как только документ загружен. tel.attrs.list»> ⓘ список = Идентификационная ссылка НОВЫЙ #
- Значение я бы атрибут на список данных с которым связать элемент.
- ⓘ максимальная длина = положительное число #
- Максимально допустимая длина значения элемента.
- ⓘ шаблон = шаблон НОВЫЙ #
- Указывает регулярное выражение, по которому UA предназначен для проверки значения элемента управления, представленного его элемент.
Регулярное выражение, которое должен соответствовать JavaScript Образец производства, как указано в [ECMA 262].
- ⓘ только для чтения = «только для чтения» или «» (пустая строка) или пустая #
- Указывает, что элемент представляет элемент управления, значение которого не предназначен для редактирования.
- ⓘ требуется = «требуется» или «» (пустая строка) или пустая НОВЫЙ #
- Указывает, что элемент является обязательной частью формы подчинение.
- ⓘ размер = положительное число #
- Количество опций, предназначенных для отображения элементом управления представлена его элементом.
- ⓘ заполнитель = строка NEW #
- Краткая подсказка (одно слово или короткая фраза), предназначенная для помочь пользователю при вводе данных в элемент управления представлена его элементом.
- ⓘ значение = строка #
- Задает значение для этого вход элемент.
Дополнительные ограничения и предупреждения #
- Ввод интерактивного элемента не должен появляются как потомки элемента a.