Meta tag adalah tag tambahan di area kepala bahasa HTML. Mereka terletak di antara tag kepala dan tag judul di kepala dokumen HTML. Mereka memberikan informasi yang tidak terlihat oleh pengguna.
Meta: Artinya, metadata adalah informasi data data.
Metadata dapat dipanggil oleh browser (cara menampilkan konten atau memuat ulang halaman), mesin pencari (kata kunci), atau layanan web lainnya.
Dalam kata -kata sederhana kami, itu adalah tag yang tidak berguna itu sendiri, tetapi begitu beberapa efek ditetapkan di dalamnya melalui properti lain, ia berfungsi, jadi kami menyebutnya metadata.
<!-Tentukan pengkodean karakter dokumen-> <meta charset = utf-8 /> <!-paksa kernel kromium, yang bertindak pada browser dual-core domestik seperti 360 browser, browser qq, dll. <Meta name = renderer content = Webkit /<! name=force-rendering content=webkit/><!-- If the Google Chrome Frame plug-in is installed, it is forced to be the Chromium kernel, otherwise the highest version of the IE kernel supported by the machine is forced to be used on IE browsers --><meta http-equiv=X-UA-Compatible content=IE=Edge,chrome=1/><!-- Set the window size width Set the width of layout viewport to a positive integer, or the string width-device initial-scale Set the initial scaling value of the page, as a number, it can take the minimum scaling value of the user, as a number, it can take the maximum scaling value of the user, as a number, it can take the maximum scaling value of the user, as a number, it can take the maximum scaling value of the user, as a number, it can take the decimal Shrink-to-fit = Tidak di IOS9, jika atribut sebelumnya perlu digunakan, ketinggian ini perlu ditambahkan untuk mengatur ketinggian tata letak viewport. Atribut ini tidak penting bagi kami. Jarang digunakan untuk menggunakan skala pengguna apakah pengguna diizinkan untuk skala, nilainya tidak atau ya, tidak ada berarti tidak diizinkan, ya berarti izin-> <meta name = viewport content = width = perangkat-lebar, skala awal = 1.0, shrink-to-fit = tidak, no page = 1-skala = 1.0, skala maksimum = 1.0, skala pengguna = no/> <! Kata kunci halaman-> <meta name = Kata kunci konten =/> <!-penulis web-> <meta name = content penulis = nama, [email protected]/> <!-mesin pencari merangkak semua: file akan diambil, dan tautan pada halaman dapat ditandai; Tidak ada: file tidak akan diambil, dan tautan pada halaman tidak dapat ditanya; Indeks: File akan diambil; Ikuti: Tautan pada halaman dapat ditanya; NoIndex: File tidak akan diambil; Nofollow: Tautan pada halaman tidak dapat ditanya. -> <meta name = robot konten = indeks, ikuti/> <!-abaikan nomor di halaman yang akan dikenali sebagai telepon, abaikan pengakuan email-> <meta name = format-deteksi konten = Telphone = tidak, email = tidak/<!-ios begin-> <!-judul setelah menambah ke layar beranda (baru di IOS 6)-<! Ke layar Beranda, bilah alamat dapat disembunyikan, dan hanya untuk iOS Safari (setelah versi iOS7.0, efeknya tidak lagi terlihat pada safari)-> <meta name = Apple-mobile-web-web-appable konten Apple = yes/<!-apakah akan memungkinkan Webapp Mode Layar Lengkap, Hapus Apple's Default Toolbar dan Bar YA/TING-> <! Ad Bar Smart App Banner (iOS 6+ Safari) --><meta name=apple-itunes-app content=app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL><!-- Set Apple toolbar color: the default value is default (white), which can be set to black (black) and black-translucent (gray translucent) --><meta Name = Apple-Mobile-Web-App-Status-Bar-Style Content = Black /> <!-Jangan mengizinkan Baidu untuk mentranskode-> <meta http-equiv = cache-control content = no-siteApp /> <!-dioptimalkan untuk perangkat genggam, terutama untuk beberapa browser lama yang tidak mengenali viewport, seperti pemandangan, seperti halnya dengan pemandangan yang tidak dikenali, seperti halnya. Browser lama Microsoft-> <meta name = mobileOptimized content = 320> <!-UC Force Vertical Screen-> <Meta name = Layar-orientasi konten = Portrait> <!-QQ Force Vertical Screen-> <Meta Name = X5-orientation Content = Portrait> <!-UC Force Layar Lengkap-> <meta meta name = full content = porsion = portrait> <!-uC force layar penuh-> <meta name = full-orientation content = portrait> <! name = x5-fullscreen content = true> <!-mode aplikasi UC-> <meta name = browserMode konten = aplikasi> <!-qq mode-> <meta name = x5-page-mode konten = app> <!-windows phone click-> <meta name = msApplication-tap-tap-high content = no> <!-IOS-ios name = msApplication-tap-tap-high content = no> <! iPhone and iTouch, default 57x57 pixels, must have --><link rel=apple-touch-icon-precomposed sizes=57x57 href=table_ico57.png><!-- Retina iPhone and Retina iTouch, 114x114 pixels, can be without, but it is recommended to have --><link rel=apple-touch-icon-precomposed sizes=72x72 href = table_ico72.png> <tautan rel = ukuran apel-touch-icon-precomposed = 114x114 href = table_ico114.png> <!-retina iPad, 144x144 piksel, dapat tanpa, tetapi disarankan untuk memiliki-> <tautan rel = stacel-touch-precomposed precomposed sarium prekomposisi Apple-precomposed-precomposed stauch-precomposed-precomposed sarium prekomposisi Apple-precomposed-precomposed Apple-precompose-precompose href = table_ico144.png> <!-Layar startup IOS dimulai-> <!-Layar vertikal iPad 768 x 1004 (resolusi standar)-> <tautan rel = Apple-Touch-Startup-Image Ukuran = 768x1004 href =/splash-screen-768x1004.png/> <! -> <link rel = Apple-Touch-Startup-Image Ukuran = 1024x748 href =/default-Portrait-1024x748.png/> <!-Layar vertikal iPad 1536x2008 (retina)-> <tautan rel = Apple-Touch-Startup-ukuran = 1536x2008 href=/splash-screen-1536x2008.png/><!-- iPad horizontal screen 2048x1496 (Retina) --><link rel=apple-touch-startup-image sizes=2048x1496 href=/splash-screen-2048x1496.png/><!-- iPhone/iPod Touch vertical screen 320x480 (standard resolusi)-> <tautan rel = apple-touch-startup-gambar href =/splash-screen-320x480.png/> <!-iPhone/iPod Touch Layar vertikal 640x960 (retina)-<link rel = Apple-Touch-startup-Image Size = 640x960 href =/splros-touch-startup-640 5/iPod Touch 5 Layar vertikal 640x1136 (retina)-> <link rel = Apple-Touch-startup-Image Ukuran = 640x1136 href =/splash-screen-640x1136.png/msapplion-iOS end = <!-Windows 8 Tile Color-> <MetA name = msapplice-ISPLICING end = <!-Windows 8 Tile Color-> <MetA name = msapplication end = <!-Windows 8 Tile Color-> <MetA name = msapplication --><meta name=msapplication-TileImage content=icon.png/><!-- Add RSS Subscription--><link rel=alternate type=application/rss+xml title=RSS href=/rss.xml/><!-- sns social tag begin --><!-- Reference Weibo API --><meta property=og:type content=type/><meta property=og:url konten = alamat url/> <properti meta = oG: judul konten = judul/> <properti meta = OG: konten gambar = konten gambar = gambar/> <properti meta = oG: deskripsi konten = deskripsi/> <!-sns end tag sosial->Akses masalah dengan versi browser IE yang lebih rendah
Tambahkan kode yang memaksa kernel webkit. Tidak ada masalah kompatibilitas IE dengan menggunakan browser domestik untuk mengakses situs web, dan jumlah pengunjung IE akan sangat berkurang. Tetapi masih tak terhindarkan bahwa beberapa komputer lama akan diakses melalui versi yang lebih rendah dari IE Browser. Jika kami melakukan peretasan CSS khusus untuk sejumlah kecil pengguna ini, itu akan secara serius meningkatkan beban kerja kami.
Terlebih lagi, sejak Januari 2016, Microsoft telah berhenti memberikan dukungan dan pembaruan untuk IE11 di bawah ini. Itu belum diperbarui begitu lama. Versi rendah IE tidak hanya memiliki masalah dengan dukungan CSS3 dan HTML5, tetapi juga memiliki masalah keamanan.
Jadi, jika kita tidak mendukung Versi Rendah IE, apa yang harus dilakukan oleh sejumlah kecil pengguna ini?
Kami dapat menggunakan pernyataan IF IE untuk menambahkan prompt peningkatan IE ke situs web, meminta pengguna untuk meningkatkan browser mereka, atau beralih ke browser yang lebih maju sebelum mengakses.
Kami dapat menambahkan sepotong kode untuk melompat ke halaman prompt peningkatan IE di bawah tag meta sekarang (lompat ketika versi IE lebih rendah dari IE11), sehingga pengguna versi yang lebih rendah dari IE meminta mereka untuk meningkatkan atau mengubah browser mereka saat mengakses.
Paksa Kernel WebKit dan minta pengguna untuk memutakhirkan kode lengkap pengguna akses IE rendah seperti yang ditunjukkan di bawah ini. Tambahkan kode ini ke file template head template <head>:
<meta name = renderer content = webkit/> <meta name = force-rendering konten = webkit/> <meta http-equiv = x-ua-kompatibel konten = ie = edge, chrome = 1/> <script>/*@cc_on window.location.href = http: //support.dmeng.net/upgrade-your browser.html? Referrer =+encodeuricomponent (window.location.href); @*/</script>
(@CC_ON adalah pernyataan kompilasi bersyarat yang unik untuk IE10 dan versi IE yang lebih lama, sehingga dapat digunakan untuk menentukan apakah versi IE lain selain IE11.)
Karena IE versi rendah sering tidak kompatibel dengan situs web CSS3 dan HTML5 saat mengakses, kode di atas ditambahkan, dan ketika pengacara pengguna IE rendah, itu akan melompat ke halaman prompt upgrade untuk menghindari pemuatan sumber daya yang tidak perlu dan mengurangi overhead server situs web.
Kode uji<!DOCTYPE html><html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Document</title> <meta name=renderer content=webkit/> <meta name=force-rendering content=webkit/> <meta http-equiv=X-UA-Compatible konten = ie = edge, chrome = 1/> <script>/*@cc_on window.location.href = http: //support.dmeng.net/upgrade-your browser.html? Referrer =+encodeuricomponent (window.location.href); @?
Yaitu 11 akan output secara normal
Yaitu 10 akan melihat halaman berikut
merujuk keRingkasan penggunaan meta front -end - mr_lixp
Paksa browser untuk menggunakan mode kecepatan kernel webkit melalui kode meta (menyelesaikan meta name = renderer content = webkit tidak berfungsi)- [ai huanhuan]
Pengaturan Meta untuk Halaman Web Seluler - Tianya Passerby
Di atas adalah semua konten artikel ini. Saya harap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.