Penjelasan terperinci tentang meta html

Tag meta adalah label tambahan di area kepala bahasa HTML.

Meta sering digunakan untuk menentukan instruksi, kata kunci, dan akhirnya memodifikasi tanggal, dan metadata lainnya. Metadata ini akan melayani browser (cara tata letak atau ulang halaman), mesin pencari dan layanan jaringan lainnya.

Label Mata berisi atribut global (https://developer.mozilla.org/en-s/docs/web/global_attributes)

Deklarasi kode karakter halaman web:

 <Meta Charset = UTF-8>

Konten atribut konten adalah nilai properti HTP-equiV atau nama, yang tergantung pada mana yang Anda gunakan.

Atribut ini dapat berisi nama header HTTP, dan nama lengkap Atribut Bahasa Inggris adalah HTTP-Equivalent. Ini mendefinisikan instruksi yang dapat mengubah perilaku server dan agen pengguna. Nilai instruksi ini didefinisikan dalam properti konten, yang bisa menjadi salah satu dari yang berikut:

Tentukan bahasa default halaman. Ini dapat dicakup oleh properti Lang pada elemen apa pun.

Browser dilarang mengunjungi konten halaman dari cache komputer lokal. menyukai:

 <meta http-equiv = konten pragma = no-cache>

Dapat digunakan untuk mengatur waktu kedaluwarsa halaman web. Setelah halaman web kedaluwarsa, itu harus ditransmisikan kembali di server.

Tentukan mekanisme cache permintaan dan respons untuk diikuti. Ada metode penggunaan berikut:

No-Cache: Kirim permintaan terlebih dahulu, konfirmasi apakah sumber daya diubah dengan server, dan jika tidak diubah, gunakan cache.

No-store: Jangan mengizinkan cache, pergi ke server setiap kali, unduh respons lengkap. (Tindakan Keselamatan)

PUBLIK: Mengacak semua tanggapan, tetapi tidak perlu. Karena maksimal juga dapat mencapai efek yang sama

Pribadi: Hanya satu cache pengguna, jadi tidak ada cache relai yang diizinkan. (Misalnya, CDN tidak mengizinkan respons pribadi cache)

MAX-AGE: Permintaan saat ini dimulai, berapa lama respons dapat di-cache dan digunakan kembali tanpa pergi ke server untuk merefleksikan kembali. Sebagai contoh: Max-AGE = 60 berarti bahwa respons dapat di-cache dan digunakan kembali selama 60 detik.

Izinkan penulis untuk menentukan strategi konten halaman saat ini. Strategi konten terutama menentukan alamat server yang diijinkan dan titik akhir skrip, yang membantu mencegah serangan scripting lintas situs.

Inti dari CSP adalah sistem daftar putih. Implementasi dan eksekusi semuanya diselesaikan oleh browser, dan pengembang hanya perlu memberikan konfigurasi.

CSP sangat meningkatkan keamanan halaman web. Bahkan jika penyerang menemukan kerentanan, ia tidak dapat menyuntikkan naskah, kecuali ia masih mengendalikan host yang kredibel yang terdaftar di daftar putih. Dua metode dapat memungkinkan CSP. Salah satunya adalah bidang-kebijakan keamanan konten melalui informasi header HTTP.

 Konten-Kecerdasan-kebijakan: script-src 'self';

Yang lainnya adalah label halaman web.

 <meta http-equiv = konten-keamanan-kebijakan konten = skrip-src 'seld'; -src https:>

Dalam kode di atas, CSP membuat konfigurasi berikut:

Skrip: Percayai nama domain saat ini

Tag: tidak ada url, yaitu, jangan memuat sumber daya apa pun

Tabel Gaya: Hanya mempercayai cdn.example.org dan pihak ketiga.org

Bingkai: Harus dimuat dengan protokol HTTPS

Sumber Daya Lain: Tidak Ada Batasan

Setelah dibuka, sumber daya eksternal yang tidak memenuhi CSP akan dicegah dari pemuatan.

Pendahuluan Lebih Lanjut: Kebijakan Keamanan Konten Memulai Tutorial

Tentukan tipe dokumen MIME, dan kemudian encode dengan karakternya.

Jangan gunakan nilai ini karena sudah ketinggalan zaman. Disarankan untuk menggunakan atribut charset pada elemen.

Karena jenis dokumentasi tidak dapat diubah dalam serialisasi XHTML XHTML atau HTML5, jangan gunakan tipe MIME untuk mengatur tipe MIML MIME.

Instruksi ini menentukan:

Jika atribut konten hanya berisi satu bilangan bulat positif, itu mewakili jumlah detik detik yang dimuat pada halaman.

Jika atribut konferensi berisi bilangan bulat positif, dan kemudian string ';

 <meta http-equiv = refresh content = 2;

Tentukan cookie halaman.

Jangan gunakan instruksi ini, gunakan header set-cookie dari http (https://developer.mozilla.org/en-s/docs/web/http/headers/set-cookie) sebagai gantinya

Ini digunakan untuk memberi tahu browser untuk membuat halaman.

 <meta http-equiv = konten komposisi x-ua = IE = edge, chrome = 1/> Tentukan IE dan chrome untuk membuat halaman saat ini dengan versi terbaru

Definisi atribut nama milik metadata tingkat dokumen.

Nama data meta -data dikaitkan dengan nilai atribut konten. Nilai yang mungkin dari atribut nama adalah:

Tentukan nama aplikasi yang berjalan di halaman web.

Digunakan untuk menandai penulis halaman web.

Termasuk deskripsi thumbnail konten halaman. Beberapa browser, seperti Firefox dan Opera, menggunakan deskripsi default ini sebagai bookmark web.

Ini digunakan untuk menunjukkan perangkat lunak apa yang dibuat oleh halaman web.

Digunakan untuk memberi tahu mesin pencari, kata kunci halaman web Anda

Jika halaman tidak sering diperbarui, untuk mengurangi tekanan crawler mesin pencari ke server, Anda dapat mengatur waktu kunjungan ulang untuk crawler. Jika waktu kunjungan kembali terlalu singkat, crawler akan diakses sesuai dengan waktu default yang mereka tentukan. Contoh:

 <meta name = revisit-after content = 7 hari>

Renderer siap untuk browser dual -core untuk menentukan bagaimana browser dual -core membuat halaman secara default. Misalnya, 360 browser. Contoh:

 <meta name = renderer content = webkit> // Kernel webkit default <meta name = renderer content = ie-comp> // mode kompatibilitas IE default <meta name = renderer content = ie-sand> // default i e mode standar <

Kontrol Penjual HEADER HTTP REFERER (https://developer.mozilla.org/en-us/docs/web/http/referer dalam permintaan permintaan dokumen. Nilai yang sesuai ada dalam konten:

Robot digunakan untuk memberi tahu reptil halaman mana halaman membutuhkan indeks dan halaman mana yang tidak memerlukan indeks.

Memberikan prompt pada ukuran ukuran awal viewport. Hanya untuk perangkat seluler.

Penggunaan umum

Penskalaan Terlarang:

 <meta name = viewport konten = skala awal = 1.0, skala minimum = 1.0, skala maksimum = 1.0, skala pengguna = tidak/>

Secara otomatis menyegarkan halaman web

Anda dapat mengatur operasi refresh halaman setelah periode waktu tertentu. Meta http-equiv = Refresh dapat menentukan browser untuk menunda halaman refresh otomatis untuk jangka waktu tertentu. Meta-tag menentukan browser di bawah ini secara otomatis menyegarkan setiap 5 detik.

 <meta http-equiv = refresh content = 5 ″ />

Pengalihan otomatis

Kita dapat menggunakan tag meta refresh untuk mengarahkan ulang halaman. Contoh berikut akan mengunjungi www.vevb.com setelah 5 detik

 <meta http-equiv = refresh content = 5;

Cache browser terlarang

Saat kami menguji halaman web secara lokal, konten baru tidak diperbarui dalam waktu, dan mungkin ada cache browser. Pada saat ini, kita dapat menyelesaikannya selama kita menonaktifkan cache browser dengan menggunakan tag meta. Kode umum adalah sebagai berikut:

 <meta http-equiv = kedaluwarsa konten = 0> <meta http-equiv = konten pragma = no-cache> <meta http-equiv = konten cache-control = no-cache>

Tujuan transkode Baidu

 <meta http-equiv = konten cache-control = no-sizeApp/>

Dalam pengembangan seluler, kode yang melindungi nomornya sebagai nomor telepon:

 <meta content = telepon = tidak ada nama = format-deteksi />

merujuk ke

Elemen MDN HTML (https://developer.mozilla.org/en-s/docs/web/html/element/meta)))