Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Menghentikan Nombor Telefon Menjadi Hiperpautan pada iPhone Anda?

Bagaimana untuk Menghentikan Nombor Telefon Menjadi Hiperpautan pada iPhone Anda?

DDD
Lepaskan: 2024-11-12 22:31:02
asal
900 orang telah melayarinya

How to Stop Phone Numbers Turning Into Hyperlinks on Your iPhone?

Cara Menghalang Nombor Telefon daripada Muncul sebagai Hiperpautan pada iPhone/iOS

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">
Salin selepas log masuk

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 */
}
Salin selepas log masuk

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>
Salin selepas log masuk
a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  /* Other important CSS properties */
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan