ฉันต้องการสร้างเว็บเพจสำหรับอุปกรณ์มือถือ มีเพียงสิ่งเดียวที่ฉันยังไม่สามารถหาได้: ฉันจะเรียกโทรศัพท์ผ่านการคลิกข้อความได้อย่างไร
มี URL พิเศษที่ฉันสามารถป้อนเหมือนmailto:แท็กสำหรับอีเมลหรือไม่
ไม่แนะนำวิธีแก้ปัญหาเฉพาะอุปกรณ์
ฉันรู้ว่า iPhone รู้จักหมายเลขโทรศัพท์โดยอัตโนมัติและสร้างลิงค์สำหรับสิ่งนี้ แต่มันจะดีถ้ามันสามารถทำได้สำหรับรูปภาพด้วย ... และสำหรับอุปกรณ์มือถือส่วนใหญ่
คำตอบ:
อุปกรณ์ที่ทันสมัยส่วนใหญ่รองรับ tel: scheme ดังนั้นใช้<a href="tel:555-555-5555">555-555-5555</a>และคุณควรจะดีไป
หากคุณต้องการใช้สำหรับรูปภาพ<a>แท็กสามารถจัดการกับ<img/>ตำแหน่งที่อยู่ในรูปได้เหมือนกับสถานการณ์ปกติอื่น ๆ ด้วย:<a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>
รูปแบบ URL ที่เหมาะสมคือโทร: [หมายเลข] ดังนั้นคุณจะทำ
<a href="tel:5551234567"><img src="callme.jpg" /></a>ต้องการเพิ่มคำตอบที่นี่เพื่อความสมบูรณ์
<a href="tel:1234567">Call 123-4567</a>ใช้งานได้ดีกับอุปกรณ์ส่วนใหญ่ อย่างไรก็ตามบนเดสก์ท็อปสิ่งนี้จะปรากฏเป็นลิงค์ซึ่งไม่ทำอะไรเลยเมื่อคุณคลิกที่มันดังนั้นคุณควรพิจารณาใช้ CSS เพื่อให้ปรากฏบนอุปกรณ์มือถือตามเงื่อนไขเท่านั้น
นอกจากนี้คุณควรทราบว่า Skype (ซึ่งเป็นที่นิยมพอสมควร) ใช้ไวยากรณ์ที่แตกต่างกันโดยค่าเริ่มต้น (แต่สามารถพารามิเตอร์เพื่อใช้ tel :)
<a href="callto:1234567">Call 123-4567</a>อย่างไรก็ตามฉันคิดว่าในเบราว์เซอร์มือถือรุ่นล่าสุด (ฉันรู้แน่นอนใน Android) ตอนนี้telไวยากรณ์ควรเสนอป๊อปอัพของแอปพลิเคชันที่มีอยู่ซึ่งสามารถใช้เพื่อดำเนินการเรียกให้เสร็จสมบูรณ์
รหัสลิงก์สมาร์ทโฟนที่คลิกได้:
ลิงค์ต่อไปนี้สามารถใช้เพื่อสร้างลิงก์โทรศัพท์ที่คลิกได้ คุณสามารถคัดลอกรหัสด้านล่างและวางลงในหน้าเว็บของคุณจากนั้นแก้ไขด้วยหมายเลขโทรศัพท์ของคุณ รหัสนี้อาจใช้ไม่ได้กับโทรศัพท์ทุกรุ่น แต่ใช้งานได้กับ iPhone, Droid / Android และ Blackberry
<a href="tel:1-847-555-5555">1-847-555-5555</a>ลิงก์หมายเลขโทรศัพท์สามารถใช้กับเครื่องหมายขีดคั่นดังที่แสดงด้านบนหรือไม่มีลิงก์และในตัวอย่างต่อไปนี้:
<a href="tel:18475555555">1-847-555-5555</a>นอกจากนี้ยังเป็นไปได้ที่จะใช้ข้อความใด ๆ ในลิงก์ตราบเท่าที่หมายเลขโทรศัพท์ถูกตั้งค่าด้วย "tel: 18475555555" เช่นในตัวอย่างนี้:
<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>ด้านล่างเป็นไฮเปอร์ลิงก์ของโทรศัพท์ที่คลิกได้คุณสามารถเช็คเอาท์ ในเบราว์เซอร์ที่ไม่ใช่โทรศัพท์ส่วนใหญ่ลิงก์นี้จะให้ข้อผิดพลาด "ไม่สามารถแสดงหน้าเว็บ" หรือจะไม่มีอะไรเกิดขึ้น
หมายเหตุ:เบราว์เซอร์ iPhone Safari จะตรวจจับหมายเลขโทรศัพท์บนหน้าโดยอัตโนมัติและจะแปลงข้อความเป็นลิงก์โทรโดยไม่ต้องใช้รหัสใด ๆ ในหน้านี้
รหัสลิงก์สมาร์ทโฟน WTAI: รหัสลิงก์ WTAI หรือ "Wireless Telephony Application Interface" แสดงไว้ด้านล่าง รหัสนี้ถือว่าเป็นโปรโตคอลโทรศัพท์มือถือที่ถูกต้องและจะทำงานบนสมาร์ทโฟนเช่น Droid อย่างไรก็ตามอาจไม่สามารถใช้กับ Apple Safari บน iPhone และแนะนำให้ใช้รหัสด้านบน
<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a> เป็นหลักให้ใช้<a>องค์ประกอบที่มีhrefชี้ attr tel:ยังหมายเลขโทรศัพท์ที่นำหน้าด้วย โปรดทราบว่าสามารถใช้ pluses เพื่อระบุรหัสประเทศได้และสามารถใช้เครื่องหมายยัติภังค์เพียงเพื่อสายตามนุษย์
เอกสาร MDN เว็บ
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Creating_a_phone_link
HTML
<a>องค์ประกอบ (หรือสมอองค์ประกอบ) พร้อมกับแอตทริบิวต์ href ของมันสร้างความเชื่อมโยงหลายมิติไปยังหน้าเว็บอื่น ๆ ไฟล์สถานที่ภายในหน้าเดียวกันที่อยู่อีเมลหรือ URL อื่น ๆ[ ... ]
การเสนอลิงก์โทรศัพท์มีประโยชน์สำหรับผู้ใช้ที่ดูเอกสารเว็บและแล็ปท็อปที่เชื่อมต่อกับโทรศัพท์
<a href="tel:+491570156">+49 157 0156</a>
เอกสาร IETF
https://tools.ietf.org/html/rfc3966
telURI สำหรับหมายเลขโทรศัพท์"tel" URI มีไวยากรณ์ต่อไปนี้:
telephone-uri="tel:"โทรศัพท์ - สมาชิก[ ... ]
ตัวอย่าง
tel:+1-201-555-0123: URI นี้ชี้ไปที่หมายเลขโทรศัพท์ในสหรัฐอเมริกา เครื่องหมายยัติภังค์ถูกรวมไว้เพื่อทำให้จำนวนมนุษย์อ่านได้มากขึ้น พวกเขาแยกประเทศรหัสพื้นที่และหมายเลขสมาชิก
tel:7042;phone-context=example.com: URI อธิบายหมายเลขโทรศัพท์ท้องถิ่นที่ถูกต้องภายในบริบท "example.com"
tel:863-1234;phone-context=+1-914-555: URI อธิบายหมายเลขโทรศัพท์ท้องถิ่นที่ถูกต้องภายในคำนำหน้าโทรศัพท์โดยเฉพาะ
เพียงแค่ใช้แท็กสมอ HTML <a>และเริ่มต้นแอตทริบิวต์ด้วยhref tel:ฉันขอแนะนำให้เริ่มหมายเลขโทรศัพท์ด้วยรหัสประเทศ ให้ความสนใจกับตัวอย่างต่อไปนี้:
<a href="tel:+989123456789">NO Different What it is</a>+98ตัวอย่างนี้รหัสประเทศคือ
คำแนะนำ : มันเหมาะสำหรับโทรศัพท์มือถือฉันรู้ว่าการtel:โทรนำหน้าFaceTimeบน macOS แต่สำหรับ Windows ฉันไม่แน่ใจ แต่ฉันคิดว่ามันเกิดจากการเปิดตัว Skype
สำหรับข้อมูลเพิ่มเติม : คุณสามารถไปที่รายการของชุดรูปแบบ URL ที่เบราว์เซอร์สนับสนุนเพื่อรับรู้hrefคำนำหน้าค่าทั้งหมด