Ringkasan meta label html, finishing atribut meta html5 head

Meta adalah label tambahan di area kepala bahasa HTML. Mungkin Anda pikir kode -kode ini opsional. Bahkan, jika Anda dapat membuat tag meta yang baik, itu akan membawa Anda efek yang tidak terduga. Dinamis Dinamis Saat konversi halaman web.

Komposisi label meta: Tag meta memiliki dua atribut.

 <! -> <meta charset = 'UTF-8'> <!-Lebih suka menggunakan versi terbaru IE dan Chrome-> <meta http-equiv = x- ua-commission content = IE = edge, chrome = 1/> < ! -Page Deskripsi-> <meta name = deskripsi konten = tidak lebih dari 150 karakter/<!-kata kunci halaman-> <meta name = kata kunci konten =/> <!-web author-> <meta name = content penulis = nama = nama , [email protected]/> <!-pencari mesin penangkapan-> <meta name content = index, ikuti/> <!-tambahkan viewport-> <meta name = viewport content = initial-scale = 1, maksimum-scale = 3, minimum-skala = 1, skala pengguna = tidak> <! ----! ------- -`width = perangkat-lebar` akan menyebabkan iPhone 5 ditambahkan ke layar utama dan buka halaman dengan mode layar penuh Webapp. Name = Apple-Mobile- Web-App-Camping Content = Yes/> <!-Apakah akan mengaktifkan mode layar penuh WebApp, hapus bilah alat dan batang menu Apple-> <meta name = apple-itunes-app konten = myappstoreid , Affil iate -data = myAffiliateedata, app-ragument = myUrl> <!-tambahkan spanduk aplikasi pintar (iOS 6+ safari)-> <meta name = apple-mobile-app-status-style conten t = black/> <! -Tetlah warna Toolbar Apple-> <meta name = konten format-deteksi = Telphone = tidak, email = tidak/> <!-Abaikan pengakuan digital di halaman sebagai panggilan telepon, abaikan identifikasi email-> <! -Ennable 360 ​​Browser's Speed ​​Mode (WebKit)-> <meta name = renderer content = webkit> <!-hindari yaitu menggunakan mode kompatibilitas-> <meta http-equiv = x-uaa -compatible content = ie = edge = edge> <!-Jangan mengizinkan Baidu Transcoding-> <meta http-equiv = cache-control konten = no-sizeApp /> <! <!-browser kuno Microsoft-> ​​<meta name = mobileoptimized content = 320> <!-uccced paksa layar vertikal secara paksa-> <meta name = screen-orientation content = portrait> <!-qq layar vertikal paksa-> Meta name = konten orientasi x5 = Portrait> <!-UC Wajib Layar Lengkap-> <meta name = konten layar penuh = ya> <!-qq 强制全屏-> <meta name = x5-fullScreen content = true > <!-UC 应用模式-> <Meta Name = BrowserMode Content = Application> <! > <meta name = msApplication-tap-highlight = no> <! ---- Ikon IOS Begin-> <link rel = Apple-Touch-Icon-Procomposed href =/apple-touch-icon-57x57-komposed.png/ > <!-iPhone dan iTouch, piksel 57x57 default harus menjadi-> <tautan rel = ukuran apel-touch-icon-procomposed = 114x114 href =/retina-touch-icon-114x114 -pong/png/> <!-retina ITouch, 114x114 piksel no, tetapi disarankan--> <link rel = Apple-touch-icon-precomposed ukuran = 144x144 href =/apple-touch-icon-144x144-precomposed.png/> <!-retina iPad ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， I. 144x144 像素 ， 可以没有 ， 但推荐有-> <!-Ikon IOS end-> <!-Layar startup iOS Begin-> <tautan rel = Apple-touch -startup-Image size = 768x1004 href =/splash-screen- 768x1004.png/> <! Layar Vertikal 1536x20088 (retina)-> <tautan roth = Apple-Touch-Startup-Image Ukuran = 1024x748 href =/default-Portrait-1024x748.png/> <!-Layar horizontal iPad 1024x748-> <tautan = Apple-Touch -Startup-Image Ukuran = 2048x1496 href =/splash-screen-2048x1496.png/> <!-iPad viagra 2048x1496 (retina)-> <tautan rel = apel-touch- startup-image href =/splash-screen-320x480. PNG/> <!-Layar vertikal iPhone/iPod Touch 320x480 (Resolusi Standar)-> <tautan rel = Apple-Touch-Startup-Image Ukuran = 640x960 -screen -640x960.png/> <!-iPhone/iPod Touch Layar Vertikal Touch Vertikal 640x960 (retina)-> <link r = Apple-touch-startup-Image ukuran = 640x1136 href =/splash-screen-640x113 6.png/> <! -Iphone 5/iPod touch 5 layar vertikal 640x1136 (retina)-> <!-Layar startup iOS end-> <!-perangkat iOS end-> <meta name = msApplication-tilecolor content =#000000 /<!-Stiker Magnetik Windows 8-> <meta name = msApplication-tileImage content = icon.png /> <!-Ikon stiker magnetik Windows 8-> <tautan rel = Aplikasi/RSS +XML <!-Tambahkan RSS Langganan-> <tautan rel = Jenis ikon shortcut = Image/ICO href =/favicon.ico/> <! -Add Favicon Icon-> <!-SNS Label Sosial Begin--> <!-Lihat Weibo Api-> <Meta Property = OG: Type Content = Type/> <Meta Property = OG: URL Content = URL Alamat/> <Properti meta = oG: judul konten = judul/> <properti meta = oG: content gambar = gambar/<properti meta = oG: deskripsi konten = deskripsi/<!-tag sosial sns end-> <title> judul </judul > </head>

Beberapa atribut meta yang umum digunakan diberikan di atas, dan pemahaman meta diberikan di bawah ini.

Meta adalah label tambahan di area kepala bahasa HTML. Mungkin Anda pikir kode -kode ini opsional. Bahkan, jika Anda dapat membuat tag meta yang baik, itu akan membawa Anda efek yang tidak terduga. Dinamis Dinamis Saat konversi halaman web.

Komposisi label meta: Tag meta memiliki dua atribut.

Atribut nama terutama digunakan untuk menggambarkan halaman web.

Format tata bahasa atribut nama dari label meta adalah:

 <meta name = Parameter konten = nilai parameter spesifik>.

Atribut nama terutama memiliki parameter berikut:

Catatan: Kata kunci digunakan untuk memberi tahu kata kunci mesin pencari untuk halaman web Anda.

Contoh:

 <meta name = KeyWordScontent = Meta Ringkasan, meta html, atribut meta, meta jump>

B. Deskripsi (Deskripsi Konten Situs Web)

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

Contoh:

 <meta name = descriptionContent = haorooms blog, meta ringkasan html, meta adalah label tambahan di area kepala bahasa HTML. "

Catatan: Robot digunakan untuk memberi tahu halaman robot pencarian untuk diindeks dan halaman mana yang tidak memerlukan indeks.

Parameter konten adalah semua, tidak ada, indeks, noindex, ikuti, nofollow. Standarnya adalah semua.

Contoh:

 <meta name = robotscontent = none>

Parameter spesifiknya adalah sebagai berikut:

Parameter informasi adalah semua: file akan diambil, dan tautan pada halaman dapat diminta;

Parameter informasi tidak ada: file tidak akan diambil, dan tautan pada halaman tidak dapat ditanya;

Parameter informasi adalah indeks: file akan diambil;

Parameter informasi adalah mengikuti: tautan pada halaman dapat diminta;

Parameter informasi adalah nondex: file tidak akan diambil, tetapi tautan pada halaman dapat meminta;

Parameter informasi adalah nofollow: file akan diambil, tetapi tautan pada halaman tidak dapat diminta;

Catatan: Penulis di halaman web

Contoh:

 <meta name = authorContent = root, [email protected]>

 <meta name = GeneratorContent = Parameter Informasi/>

Parameter informasi label meta, mewakili produksi perangkat lunak apa yang digunakan di situs web.

 <Meta name = copyrightContent = Parameter Informasi>

Parameter informasi hak cipta dari tag meta mewakili informasi hak cipta situs web.

 <Meta name = revisit-aftercontent = 7days>

Revisit-After mewakili situs web untuk kunjungan ulang.

HTTP-EQUIV, seperti namanya, setara dengan header file HTTP.

Format atribut http-equiV tag meta adalah:

 <meta http-equiv = konten parameter = nilai variabel parameter>;

Atribut HTTP-equiV terutama memiliki parameter berikut:

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

penggunaan:

 <meta http-equiv = Extirescontent = Fri, 12Jan200118: 18: 18GMT>

Catatan: Format waktu GMT harus digunakan.

Catatan: Dilarang mengunjungi konten halaman dari cache komputer lokal.

penggunaan:

 <meta http-equiv = pragmacontent = no-cache>

Catatan: Dengan cara ini, para pengunjung tidak akan dapat menelusuri.

Catatan: Secara otomatis menyegarkan dan arahkan ke halaman baru.

penggunaan:

 <meta http-equiv = refreshContent = 2;

Catatan: 2 dari mereka mengacu pada penyegaran otomatis ke situs web URL setelah tinggal selama 2 detik.

Penjelasan: Jika halaman web kedaluwarsa, cookie toko akan dihapus.

penggunaan:

 <meta http-equiv = set-cookiecontent = nilai cookie = xxx;

Catatan: Format waktu GMT harus digunakan.

Catatan: Halaman yang dipaksakan ditampilkan di halaman independen di jendela saat ini.

penggunaan:

 <meta http-equiv = window-targetContent = _top>

Catatan: Ini digunakan untuk mencegah orang lain memanggil halaman mereka dalam kerangka kerja.

CATATAN: Atur set karakter yang digunakan oleh halaman.

penggunaan:

 <meta http-equiv = content-typeContent = text/html;

Spesifiknya adalah sebagai berikut:

Ketika parameter informasi dari label meta charset, seperti GB2312, itu berarti bahwa kode yang digunakan oleh situs web adalah bahasa Cina yang disederhanakan;

Ketika parameter informasi label meta, seperti BIG5, itu berarti bahwa kode yang digunakan oleh situs web adalah bahasa Cina tradisional;

Ketika parameter informasi dari label meta charset, seperti ISO-2022-JP, itu berarti bahwa situs web digunakan dalam bahasa Jepang;

Ketika parameter informasi dari tag meta seperti KS_C_5601, itu berarti bahwa situs web digunakan dalam bahasa Korea;

Ketika parameter informasi dari charset tag meta adalah ISO-8859-1, itu berarti bahwa pengkodean situs web adalah bahasa Inggris;

Ketika parameter informasi dari meta tag adalah UTF-8, itu mewakili pengkodean bahasa dunia;

penggunaan:

 <meta http-equiv = konten-languagecontent = zh-cn/>

Kontrol cache menentukan mekanisme cache permintaan dan respons untuk diikuti. Atur cache-control dalam pesan permintaan atau pesan respons tidak memodifikasi proses cache selama proses pemrosesan pesan lainnya. Instruksi cache selama permintaan termasuk No-Cache, No-Store, Max-Age, Max-Stale, Min-Fresh, ON

Ly-IF-Cached, Instruksi sebagai tanggapan termasuk publik, pribadi, tanpa cache, tanpa toko, tanpa transformasi, harus di-revalidasi, proxy-revalidate, maksimal maksimal. Arti dari instruksi dalam setiap pesan adalah sebagai berikut

Respons indikasi publik dapat di -cache oleh area cache apa pun

Pribadi menunjukkan bahwa seluruh pesan respons atau parsial dari satu pengguna tidak dapat dibagikan oleh cache. Ini memungkinkan server untuk hanya menggambarkan pesan respons ketika bagian pengguna dari respons, pesan respons ini tidak valid untuk permintaan pengguna lain

Tidak ada cache menunjukkan bahwa permintaan atau pesan respons tidak dapat di-cache

No-store digunakan untuk mencegah informasi penting diterbitkan secara tidak sengaja. Mengirim pesan permintaan akan membuat pesan permintaan dan respons tidak menggunakan cache.

Max-Age menunjukkan bahwa klien dapat menerima respons bahwa periode kelangsungan hidup tidak lebih besar dari waktu yang ditentukan (dalam detik)

Min-Fresh menunjukkan bahwa klien dapat menerima waktu respons kurang dari waktu saat ini ditambah respons waktu yang ditentukan

Max-Stale menunjukkan bahwa klien dapat menerima pesan respons di luar periode batas waktu. Jika nilai pesan max-stale ditentukan, klien dapat menerima pesan respons dalam nilai yang ditentukan dari batas waktu.

 <meta http-equiv = imagetoolbarcontent = false/>

Tentukan apakah bilah alat gambar ditampilkan, tidak ditampilkan sebagai perwakilan palsu, ditampilkan sebagai perwakilan sejati.

 <Meta http-equiv = content-skript-typeContent = text/javascript>

Spesifikasi Web W3C menunjukkan jenis skrip di halaman.

Tentukan metode pembukaan default untuk semua tautan di halaman:

Misalnya:

 <target dasar = _self>

Semua label pada halaman yang ditentukan dibuka halaman ini!