Penjelasan detail tentang meta tag dan penggunaannya dalam html

Tidak ada lagi omong kosong, mari kita mulai topik hari ini.

html/11675.html">tag meta di Html

Elemen <meta> menyediakan informasi meta tentang halaman, seperti deskripsi dan kata kunci untuk mesin pencari dan frekuensi pembaruan.

Tag <meta> terletak di bagian atas dokumen dan tidak berisi konten apa pun.

Atribut tag <meta> menentukan pasangan nama/nilai yang terkait dengan dokumen.

1. charset (kumpulan karakter)

Deskripsi: Menentukan pengkodean karakter dokumen HTML.

Penggunaan: <meta charset=UTF-8>

2. area pandang (area pandang)

Deskripsi: Ini adalah area yang terlihat pada halaman web pengguna. Semua orang tahu bahwa layar perangkat seluler umumnya jauh lebih kecil daripada layar PC. Browser webkit akan memetakan jendela virtual yang lebih besar ke layar perangkat seluler. Jendela virtual default memiliki lebar 980 piksel (lebar standar saat ini di sebagian besar situs web ) , lalu skalakan menurut rasio tertentu (3:1 atau 2:1).

Artinya, saat kita memuat halaman web normal, webkit akan memuat halaman web terlebih dahulu dengan standar browser 980 piksel, lalu menguranginya menjadi lebar 490 piksel. Perhatikan bahwa pengurangan ini adalah pengurangan global, yaitu semua elemen pada halaman akan dikurangi.

penggunaan:

 <meta id=nama viewport=viewport content=width=device-width; skala awal=1.0; skala maksimum=1;

(1) lebar

width mengontrol ukuran viewport, biasanya diatur ke lebar perangkat untuk tujuan adaptif

(2) skala awal

skala awal: Rasio penskalaan awal, yaitu rasio penskalaan saat halaman dimuat untuk pertama kali.

(3) skala maksimum

skala maksimum Skala maksimum. Artinya, tingkat penskalaan maksimum yang diperbolehkan. Ini juga merupakan nilai floating point yang menunjukkan pengali maksimum ukuran halaman dibandingkan dengan ukuran layar.

(4) skala minimum

skala minimum: Skala minimum yang boleh diperbesar oleh pengguna. Mirip dengan penggunaan skala maksimum.

(5) dapat diskalakan oleh pengguna

dapat diskalakan oleh pengguna Penskalaan yang dapat disesuaikan oleh pengguna. Artinya, apakah pengguna dapat mengubah tingkat zoom halaman. Jika disetel ke ya, pengguna diperbolehkan mengubahnya, jika tidak maka tidak.

3. kata kunci

Deskripsi: Daftar kata kunci yang disediakan untuk mesin pencari. Gunakan koma untuk memisahkan setiap kata kunci. Tentukan kata kunci yang digunakan mesin pencari untuk meningkatkan kualitas pencarian.

Penggunaan: <Nama meta=Kata Kunci Isi=Kata Kunci 1, Kata Kunci 2, Kata Kunci 3, Kata Kunci 4,…>

4. deskripsi (deskripsi, pendahuluan)

Deskripsi: Deskripsi digunakan untuk memberi tahu mesin pencari tentang konten utama situs web Anda.

Penggunaan ：<Meta name=Description Content=你网页的简述>

5. deteksi format (deteksi format)

Deskripsi: deteksi format digunakan untuk mendeteksi beberapa format dalam html.

Penggunaan: Atribut deteksi format meta terutama memiliki pengaturan berikut:

 nama meta=konten deteksi format=telepon=tidak ada nama meta=konten deteksi format=email=tidak ada nama meta=konten deteksi format=alamat=tidak

Anda juga dapat menulisnya secara berurutan: meta name=format-detection content=telephone=no,email=no,adress=no

(1) telepon

Anda dengan jelas menulis serangkaian angka tanpa menambahkan gaya tautan, tetapi iPhone akan secara otomatis menambahkan gaya tautan ke teks Anda, dan mengklik nomor tersebut akan secara otomatis menghubungi nomor tersebut! Bagaimana cara menghapus tautan dial-up ini? Kali ini seharusnya meta kita kembali memamerkan kekuatan sihirnya. Kodenya seperti berikut:

phone=no menonaktifkan konversi nomor menjadi tautan dial-up!

telepon=yes mengaktifkan konversi nomor menjadi tautan dial-up. Untuk mengaktifkan fungsi konversi, tidak perlu menulis meta ini diaktifkan secara default!

(2)email

Beri tahu perangkat untuk tidak mengenali alamat email dan tidak mengirimkannya secara otomatis setelah mengkliknya.

email=no dilarang sebagai alamat email!

email=yes mengaktifkan teks dan default ke alamat email. Tidak perlu menulis meta ini diaktifkan secara default!

(3)alamat

adress=no melarang melompat ke peta!

adress=yes mengaktifkan fungsi mengklik alamat untuk melompat langsung ke peta. Ini diaktifkan secara default!

6. layar penuh apple-sentuh

Deskripsi: Setelah ditambahkan ke layar beranda, itu akan ditampilkan dalam layar penuh.

Penggunaan: <meta name=apple-touch-fullscreen content=yes>

7. berkemampuan aplikasi web-seluler-apple

Deskripsi: Fungsinya untuk menghapus toolbar dan menu bar bawaan Apple. content memiliki dua nilai, yes dan no. Saat kita perlu menampilkan toolbar dan menu bar, tidak perlu menambahkan baris meta ini.

Penggunaan: <meta name=apple-mobile-web-app-capable content=yes />

8. Konfigurasi Aplikasi

Deskripsi: Menyimpan catatan sejarah dan efek animasi

Penggunaan: <meta name=App-Config content=fullscreen=yes,useHistoryState=yes,transition=yes/>

9. aplikasi-ketuk-sorotan

Keterangan: Klik Tanpa Sorotan (Sorot)

Penggunaan: <meta name=msapplication-tap-highlight content=no>

Di atas adalah penjelasan rinci tentang meta tag dan penggunaan dalam HTML yang diperkenalkan oleh editor. Saya harap ini dapat membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan pesan kepada saya dan editor akan membalas Anda tepat waktu. Saya juga ingin mengucapkan terima kasih kepada semua orang atas dukungan Anda terhadap situs seni bela diri VeVb!