Cara Pasang Meta Tag X-UA-Compatible Template Valid HTML5

Meta Tag X-UA-Compatible ialah meta tag  versi Internet Explorer untuk menterjemakan laman blog/web sobat. Meta Tag X-UA-Compatible hanya dapat digunakan oleh Internet Explorer 8 dalam menentukan, apakah laman tersebut akan diterjemahkan ke dalam IE 7 (compatibility view) atau IE 8 (standards view). Oleh karena,  sobat blogger harus menentukan user agent apa? dan versi apa ? yang akan digunakan di dalam konten Tag sobat.

Meta Tag X-UA-Compatible,meta tag,ie,internet explorer,meta ie

Berikut ini beberapa pilihan untuk penggunaan Meta Tag X-UA-Compatible untuk konten Tag

X-UA-Compatible value
Document modes
IE=5
Quirks mode
IE=7
IE7 mode
IE=8
IE8 mode
IE=9
IE9 mode
IE=10
IE10 mode
IE=11
IE11 mode
IE=edge
The highest supported document mode of the browser
IE=EmulateIE7
IE7 mode (if a valid <!DOCTYPE> declaration is present)
Quirks mode (otherwise)
IE=EmulateIE8
IE8 mode (if a valid <!DOCTYPE> declaration is present)
Quirks mode (otherwise)
IE=EmulateIE9
IE9 mode (if a valid <!DOCTYPE> declaration is present)
Quirks mode (otherwise)
IE=EmulateIE10
IE10 mode (if a valid <!DOCTYPE> declaration is present)
Quirks mode (otherwise)
IE=EmulateIE11
IE11 mode (if a valid <!DOCTYPE> declaration is present)
Quirks mode (otherwise)

Apabila sobat blogger rencana memakai  Template Baru yang menggunakan CSS3 dan valid HTML5, maka Meta Tag X-UA-Compatible bawaan template sobat blogger sebelumnya seperti dibawah ini, harus diganti:
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
Meta tag tersebut, letak posisinya tepat berada di bawah kode <head>
Pada saat ketika kita cek validated template kita di W3C, salah satu penyebab error dari template sobat adalah Meta Tag X-UA-Compatible ini,  Meta Tag X-UA-Compatible ini adalah meta tag bawaan  versi XHTML/HTML4. Bagaimana cara mengatasi error yang disebabkan oleh Meta Tag X-UA-Compatible? Langkahnya mudah hanya tinggal menambah perintah if [if]. berikut ini contoh penggunan perintah if [if]:
<!--[if ie]><meta content='IE=8' http-equiv='X-UA-Compatible'/><![endif]-->
Setelah Meta Tag X-UA-Compatible yang di atas sobat pasang dan lihat hasilnya di Validator W3C. Apakah Error yang disebabkan oleh Meta Tag X-UA-Compatible masih ada? Pasti lenyap He..he.. Selamat Mencoba

Ditulis Oleh : Admin

Judul Artikel "Cara Pasang Meta Tag X-UA-Compatible Template Valid HTML5" Jika salin Artikel Cara Pasang Meta Tag X-UA-Compatible Template Valid HTML5, mohon mencantumkan sumber link https://www.satelit.net/2014/03/cara-pasang-meta-tag-x-ua-compatible.html. Salam from Satelit Network

:: Web Hosting Indonesia ::

 
 
Copyright © Satelit Web Hosting