Apabila memaparkan nombor telefon pada iPhone, selalunya perasan bahawa penggayaan hiperpautan biru digunakan secara automatik , walaupun tiada hiperpautan sebenar. Tingkah laku ini boleh menjadi agak mengganggu dan mungkin mengganggu penampilan tapak web anda.
Penyelesaian 1: Menggunakan Tag Meta Pengesanan Format
Untuk melumpuhkan auto- pemformatan nombor telefon, teg meta berikut boleh ditambah pada kepala dokumen HTML anda:
<meta name="format-detection" content="telephone=no">
Teg meta ini mengarahkan penyemak imbas untuk mengabaikan pemformatan automatik untuk nombor telefon. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa memformat nombor telefon secara manual sebagai hiperpautan masih diperlukan jika anda mahukan nombor boleh klik.
Penyelesaian 2: Menggunakan CSS
Pilihan 1 (untuk halaman web)
Jika anda tidak dapat menggunakan tag meta, CSS boleh digunakan untuk pautan sasaran dengan nilai href bermula dengan tel:
a[href^="tel"] { color: inherit; text-decoration: none; /* Additional CSS properties as needed */ }
Pemilih atribut CSS ini menyasarkan semua hiperpautan yang merujuk nombor telefon dan mengalih keluar penggayaan biru lalai.
Pilihan 2 (untuk HTML templat e-mel)
Pilihan CSS lain, terutamanya berguna apabila bekerja dengan templat e-mel HTML, melibatkan membungkus nombor telefon dalam tag anchor:
<a href="" x-apple-data-detectors>+44 (0)20 7194 8000</a>
a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; /* Other important CSS properties */ }
Kaedah ini bergantung pada atribut khusus (x-apple-data-detector) untuk menyasarkan nombor telefon dan menetapkan semula penggayaannya. Jika mahu, kelas boleh diberikan kepada pautan tertentu dan pemilih CSS boleh dikemas kini dengan sewajarnya.
Atas ialah kandungan terperinci Bagaimana untuk Menghentikan Nombor Telefon Menjadi Hiperpautan pada iPhone Anda?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!