Tôi cần xây dựng một trang web cho thiết bị di động. Chỉ có một điều tôi vẫn chưa tìm ra: làm thế nào tôi có thể kích hoạt một cuộc gọi điện thoại thông qua việc nhấp vào văn bản?
Có một URL đặc biệt nào tôi có thể nhập như mailto:thẻ cho email không?
Thiết bị giải pháp cụ thể không được ưa thích.
Tôi biết iPhone tự động nhận dạng số điện thoại và tạo liên kết cho việc này, nhưng thật tuyệt nếu điều này cũng có thể được thực hiện cho hình ảnh ... và cho hầu hết các thiết bị di động.
Câu trả lời:
Hầu hết các thiết bị hiện đại đều hỗ trợ tel: chương trình. Vì vậy, sử dụng <a href="tel:555-555-5555">555-555-5555</a>và bạn nên được tốt để đi.
Nếu bạn muốn sử dụng nó cho hình ảnh, <a>thẻ có thể xử lý <img/>vị trí được đặt trong nó giống như các tình huống thông thường khác với:<a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>
Muốn thêm một câu trả lời ở đây vì mục đích hoàn chỉnh.
<a href="tel:1234567">Call 123-4567</a>Chỉ hoạt động tốt trên hầu hết các thiết bị. Tuy nhiên, trên máy tính để bàn, nó sẽ xuất hiện dưới dạng một liên kết không có gì khi bạn nhấp vào nó, vì vậy bạn nên cân nhắc sử dụng CSS để làm cho nó chỉ hiển thị có điều kiện trên các thiết bị di động.
Ngoài ra, bạn nên biết rằng Skype (khá phổ biến) sử dụng một cú pháp khác theo mặc định (nhưng có thể được tham số để sử dụng tel :).
<a href="callto:1234567">Call 123-4567</a>Tuy nhiên, tôi nghĩ trong các trình duyệt di động mới nhất (tôi biết chắc chắn trên Android) bây giờ telcú pháp sẽ cung cấp một cửa sổ bật lên của các ứng dụng có sẵn có thể được sử dụng để hoàn thành hành động gọi điện.
Mã liên kết điện thoại thông minh có thể nhấp:
Liên kết sau đây có thể được sử dụng để tạo liên kết điện thoại có thể nhấp. Bạn có thể sao chép mã bên dưới và dán nó vào trang web của bạn, sau đó chỉnh sửa bằng số điện thoại của bạn. Mã này có thể không hoạt động trên tất cả các điện thoại nhưng không hoạt động cho iPhone, Droid / Android và Blackberry.
<a href="tel:1-847-555-5555">1-847-555-5555</a>Liên kết số điện thoại có thể được sử dụng với dấu gạch ngang, như được hiển thị ở trên hoặc không có chúng cũng như trong ví dụ sau:
<a href="tel:18475555555">1-847-555-5555</a>Cũng có thể sử dụng bất kỳ văn bản nào trong liên kết miễn là số điện thoại được thiết lập với "tel: 18475555555" như trong ví dụ này:
<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>Dưới đây là một siêu liên kết điện thoại có thể nhấp, bạn có thể kiểm tra. Trong hầu hết các trình duyệt không dùng điện thoại, liên kết này sẽ cung cấp cho bạn lỗi "Trang web không thể hiển thị" hoặc sẽ không có gì xảy ra.
LƯU Ý: Trình duyệt iPhone Safari sẽ tự động phát hiện số điện thoại trên một trang và sẽ chuyển đổi văn bản thành liên kết cuộc gọi mà không cần sử dụng bất kỳ mã nào trên trang này.
Mã liên kết điện thoại thông minh WTAI: Mã liên kết WTAI hoặc "Giao diện ứng dụng điện thoại không dây" được hiển thị bên dưới. Mã này được coi là giao thức điện thoại di động chính xác và sẽ hoạt động trên điện thoại thông minh như Droid, tuy nhiên, nó có thể không hoạt động cho Apple Safari trên iPhone và mã trên được khuyến nghị.
<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a> Về cơ bản, sử dụng một <a>yếu tố có hrefattr trỏ đến số điện thoại có tiền tố tel:. Lưu ý rằng dấu cộng có thể được sử dụng để chỉ định mã quốc gia và dấu gạch ngang có thể được đưa vào đơn giản cho mắt người.
Tài liệu web MDN
https://developer.mozilla.org/en-US/docs/Web/HTML/Euity/a#Creating_a_phone_link
Phần tử HTML
<a>(hoặc phần tử neo), cùng với thuộc tính href, tạo một siêu liên kết đến các trang web, tệp, vị trí khác trong cùng một trang, địa chỉ email hoặc bất kỳ URL nào khác.[Càng]
Cung cấp liên kết điện thoại rất hữu ích cho người dùng xem tài liệu web và máy tính xách tay được kết nối với điện thoại.
<a href="tel:+491570156">+49 157 0156</a>
Tài liệu của IETF
https://tools.ietf.org/html/rfc3966
Các
telURI cho số điện thoạiURI "tel" có cú pháp sau:
telephone-uri="tel:"thuê bao điện thoại[Càng]
Ví dụ
tel:+1-201-555-0123: URI này trỏ đến một số điện thoại ở Hoa Kỳ. Các dấu gạch nối được bao gồm để làm cho số người dễ đọc hơn; họ tách quốc gia, mã vùng và số thuê bao.
tel:7042;phone-context=example.com: URI mô tả số điện thoại cục bộ hợp lệ trong ngữ cảnh "example.com".
tel:863-1234;phone-context=+1-914-555: URI mô tả số điện thoại cục bộ hợp lệ trong một tiền tố điện thoại cụ thể.
Chỉ cần sử dụng thẻ neo HTML <a>và bắt đầu thuộc tính hrefvới tel:. Tôi đề nghị bắt đầu số điện thoại với mã quốc gia. chú ý đến ví dụ sau:
<a href="tel:+989123456789">NO Different What it is</a>Đối với ví dụ này, mã quốc gia là +98.
Gợi ý : Nó rất phù hợp với điện thoại di động, tôi biếttel:các cuộc gọi tiền tốFaceTimetrên macOS nhưng trên Windows tôi không chắc chắn, nhưng tôi đoán nó đã gây ra việc khởi chạy Skype.
Để biết thêm thông tin : bạn có thể truy cập danh sách các lược đồ URL được trình duyệt hỗ trợ để biết tất cả hrefcác tiền tố giá trị.