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
DDDasal
2024-11-12 22:31:02950semak imbas

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">

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!

Kenyataan:
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