Pertanyaan Apa yang lakukan?


Apa bedanya jika satu halaman web dimulai

<!DOCTYPE html> 
<html> 
  <head> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 

dan Jika halaman dimulai dengan

<!DOCTYPE html> 
<html> 
  <head> 
     <!-- without X-UA-Compatible meta -->

Jika tidak ada perbedaan, saya kira saya bisa mengabaikannya X-UA-Compatible meta header, karena saya hanya ingin itu di-render di kebanyakan mode standar di semua versi IE.


1196
2017-07-21 04:29


asal


Jawaban:


Pembaruan Oktober 2015

Jawaban ini diposting beberapa tahun yang lalu dan sekarang pertanyaannya benar-benar harus Anda bahkan harus mempertimbangkan menggunakan X-UA-Compatible tag di situs Anda? dengan perubahan yang dilakukan Microsoft terhadap peramban (lebih banyak di antaranya).

Tergantung pada apa browser Microsoft yang Anda dukung, Anda tidak perlu terus menggunakan X-UA-Compatible menandai. Jika Anda perlu mendukung IE9 atau IE8, maka saya akan merekomendasikan menggunakan tag. Jika Anda hanya mendukung browser terbaru (IE11 dan / atau Edge) maka saya akan mempertimbangkan untuk menjatuhkan tag ini sama sekali. Jika Anda menggunakan Twitter Bootstrap dan perlu menghilangkan peringatan validasi, tag ini harus muncul dalam urutan yang ditentukan. Info tambahan di bawah ini:


Itu X-UA-Compatible tag meta memungkinkan penulis web untuk memilih versi Internet Explorer apa yang harus ditampilkan sebagai. IE11 telah membuat perubahan pada mode ini; lihat catatan IE11 di bawah ini. Microsoft Edge, browser yang akan dirilis setelah IE11, hanya akan menghormati X-UA-Compatible meta tag dalam keadaan tertentu. Lihat catatan Microsoft Edge di bawah ini.

Menurut Microsoft, saat menggunakan X-UA-Compatible tag, harus setinggi mungkin di dokumen Anda head:

Jika Anda menggunakan tag META X-UA-Compatible, Anda ingin menempatkannya sedekat mungkin dengan bagian atas HEAD halaman. Internet Explorer mulai menafsirkan markup menggunakan versi terbaru. Ketika Internet Explorer menemukan tag META X-UA-Kompatibel dimulai dengan menggunakan mesin versi yang ditunjuk. Ini adalah pukulan kinerja karena peramban harus berhenti dan mulai ulang menganalisis konten.

Inilah pilihan Anda:

  • "IE = edge"
  • "IE = 11"
  • "IE = EmulateIE11"
  • "IE = 10"
  • "IE = EmulateIE10"
  • "IE = 9"
  • "IE = EmulateIE9
  • "IE = 8"
  • "IE = EmulateIE8"
  • "IE = 7"
  • "IE = EmulateIE7"
  • "IE = 5"

Untuk mencoba memahami apa artinya masing-masing, berikut adalah definisi yang disediakan oleh Microsoft:

Internet Explorer mendukung sejumlah mode kompatibilitas dokumen yang memungkinkan berbagai fitur dan dapat memengaruhi cara konten ditampilkan:

  • Mode Edge memberitahu Internet Explorer untuk menampilkan konten dalam mode tertinggi yang tersedia. Dengan Internet Explorer 9, ini setara dengan mode IE9. Jika rilis Internet Explorer di masa mendatang mendukung mode kompatibilitas yang lebih tinggi, maka halaman yang diatur ke mode tepi akan muncul dalam mode tertinggi yang didukung oleh versi tersebut. Halaman-halaman yang sama itu akan tetap muncul dalam mode IE9 bila dilihat dengan Internet Explorer 9.   Internet Explorer mendukung sejumlah mode kompatibilitas dokumen yang memungkinkan berbagai fitur dan dapat memengaruhi cara konten ditampilkan:

  • Mode IE11 memberikan dukungan tertinggi yang tersedia untuk standar industri yang mapan dan muncul, termasuk HTML5, CSS3 dan lainnya.

  • Mode IE10 memberikan dukungan tertinggi yang tersedia untuk standar industri yang mapan dan muncul, termasuk HTML5, CSS3 dan lainnya.

  • Mode IE9 memberikan dukungan tertinggi yang tersedia untuk standar industri yang mapan dan muncul, termasuk HTML5 (Working Draught), W3C Cascading Style Sheets Level 3 Spesifikasi (Draf Kerja), Spesifikasi Scalable Vector Graphics (SVG) 1.0, dan lainnya. [Catatan Editor: IE 9 tidak mendukung animasi CSS3].

  • Mode IE8 mendukung banyak standar yang telah ditetapkan, termasuk Spesifikasi W3C Cascading Style Sheets Level 2.1 dan W3C Selectors API; ini juga memberikan dukungan terbatas untuk Spesifikasi Tingkat Cascading Style Sheets W3C (Draft Kerja) dan standar lain yang muncul.

  • Mode IE7 menyajikan konten seolah ditampilkan dalam mode standar oleh Internet Explorer 7, terlepas dari apakah halaman tersebut mengandung arahan.

  • Emulasi mode IE9 memberitahu Internet Explorer untuk menggunakan arahan untuk menentukan cara merender konten. Arahan mode standar ditampilkan dalam mode IE9 dan instruksi mode quirks ditampilkan dalam mode IE5. Tidak seperti mode IE9, mode IE9 Emulate menghormati direktif.

  • Emulasi mode IE8 memberitahu Internet Explorer untuk menggunakan arahan untuk menentukan cara merender konten. Arahan mode standar ditampilkan dalam mode IE8 dan instruksi mode quirks ditampilkan dalam mode IE5. Tidak seperti mode IE8, mode Emulate IE8 menghormati direktif.

  • Emulasi mode IE7 memberitahu Internet Explorer untuk menggunakan arahan untuk menentukan cara merender konten. Arahan mode standar ditampilkan dalam mode standar Internet Explorer 7 dan instruksi mode quirks ditampilkan dalam mode IE5. Tidak seperti mode IE7, mode Emulate IE7 menghormati direktif. Untuk banyak situs web, ini adalah mode kompatibilitas yang disukai.

  • Mode IE5 menampilkan konten seolah ditampilkan dalam mode quirks oleh Internet Explorer 7, yang sangat mirip dengan cara konten ditampilkan di Microsoft Internet Explorer 5.

IE10 CATATAN: Pada IE10, mode quirks berperilaku berbeda daripada di versi browser sebelumnya. Di IE9 dan versi sebelumnya, mode quirts membatasi halaman web ke fitur yang didukung oleh IE5.5. Di IE10, mode quirks sesuai dengan perbedaan yang ditentukan dalam spesifikasi HTML5.

Secara pribadi, saya selalu memilih http-equiv="X-UA-Compatible" content="IE=edge" meta tag, karena versi lama memiliki banyak bug, dan saya tidak ingin IE memutuskan untuk masuk ke "mode Kompatibilitas" dan menunjukkan situs saya sebagai IE7 vs IE8 atau 9. Saya selalu lebih suka versi terbaru IE.

IE11

Dari Microsoft:

Dimulai dengan IE11, mode edge adalah mode dokumen yang disukai; ini mewakili dukungan tertinggi untuk standar modern yang tersedia untuk peramban.

Gunakan deklarasi tipe dokumen HTML5 untuk mengaktifkan mode tepi:

<!doctype html>

Mode Edge diperkenalkan di Internet Explorer 8 dan telah tersedia di setiap rilis berikutnya. Perhatikan bahwa fitur yang didukung oleh mode tepi terbatas pada fitur yang didukung oleh versi spesifik browser yang menampilkan konten.

Dimulai dengan IE11, mode dokumen tidak lagi digunakan dan tidak lagi digunakan, kecuali untuk sementara. Pastikan untuk memperbarui situs yang mengandalkan fitur dan mode dokumen lama untuk mencerminkan standar modern.

Jika Anda harus menargetkan mode dokumen tertentu sehingga situs Anda berfungsi saat Anda mengolahnya untuk mendukung standar dan fitur modern, perhatikan bahwa Anda menggunakan fitur transisi, yang mungkin tidak tersedia di versi masa depan.

Jika saat ini Anda menggunakan tajuk x-ua-kompatibel untuk menargetkan mode dokumen lama, mungkin situs Anda tidak akan mencerminkan pengalaman terbaik yang tersedia dengan IE11.

Microsoft Edge (Penggantian untuk Internet Explorer yang dibundel dengan Windows 10)

Informasi tentang X-UA-Compatible meta tag untuk versi "Edge" dari IE. Dari Microsoft:

Memperkenalkan modus dokumen Ujung "hidup"

Seperti yang kami umumkan pada bulan Agustus 2013, kami menghentikan mode dokumen pada IE11. Dengan pembaruan platform terbaru kami, kebutuhan untuk mode dokumen legacy terutama terbatas pada aplikasi web warisan Perusahaan. Dengan perubahan arsitektur baru, mode dokumen warisan ini akan diisolasi dari perubahan dalam mode Edge "hidup", yang akan membantu menjamin tingkat kompatibilitas yang jauh lebih tinggi untuk pelanggan yang bergantung pada mode tersebut dan membantu kami bergerak lebih cepat pada peningkatan Edge . Versi utama IE berikutnya masih akan menghargai mode dokumen yang dilayani oleh situs intranet, situs pada daftar Tampilan Kompatibilitas, dan ketika digunakan hanya dengan Mode Perusahaan.

Situs Internet publik akan diberikan dengan platform mode Edge baru (mengabaikan X-UA-Compatible). Ini adalah tujuan kami bahwa Edge adalah mode dokumen "hidup" dari sini dan tidak ada mode dokumen lebih lanjut yang akan diperkenalkan ke depan.

Dengan perubahan di Microsoft Edge untuk tidak lagi mendukung mode dokumen dalam banyak kasus, Microsoft memiliki alat untuk memindai situs Anda untuk memeriksa dan melihat apakah ada kode yang tidak kompatibel dengan Edge.

Chrome = 1 Info untuk IE

Ada juga chrome=1 yang dapat Anda gunakan atau gunakan bersama dengan salah satu opsi di atas seperti: <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">. chrome=1 adalah untuk Google Chrome Frame yang didefinisikan sebagai:

Google Chrome Frame adalah plug-in browser sumber terbuka. Pengguna yang memiliki plug-in yang diinstal memiliki akses ke teknologi web terbuka Google Chrome dan mesin JavaScript yang cepat ketika mereka membuka halaman di browser.

Google Chrome Frame meningkatkan pengalaman penelusuran Anda di Internet Explorer dengan mulus. Ini menampilkan situs Google Chrome Frame yang diaktifkan menggunakan teknologi rendering Google Chrome, memberi Anda akses ke fitur HTML5 terbaru serta fitur kinerja dan keamanan Google Chrome tanpa mengganggu penggunaan browser Anda.

Saat Google Chrome Frame dipasang, web menjadi lebih baik tanpa Anda harus memikirkannya.

Tetapi untuk itu plug-in untuk bekerja harus Anda gunakan chrome=1 dalam X-UA-Compatible tag meta.

Info lebih lanjut tentang Chrome Frame dapat ditemukan sini.

catatan: Google Chrome Frame hanya berfungsi untuk IE6 melalui IE9, dan sudah pensiun pada 25 Februari 2014. Info selengkapnya dapat ditemukan sini. Terima kasih kepada @mck untuk tautannya.

Validasi:

HTML5:

Halaman ini akan memvalidasi menggunakan W3 Validator hanya saat menggunakan <meta http-equiv="X-UA-Compatible" content="IE=Edge">. Untuk nilai lain, ini akan membuang kesalahan: A meta element with an http-equiv attribute whose value is X-UA-Compatible must have a content attribute with the value IE=edge. Dengan kata lain, jika Anda punya IE=edge,chrome=1 itu tidak akan memvalidasi. Saya mengabaikan kesalahan ini sepenuhnya karena peramban modern mengabaikan kode baris ini.

Jika Anda harus memiliki kode yang benar-benar valid, maka pertimbangkan untuk melakukannya pada level server dengan mengatur header HTTP. Sebagai catatan, Microsoft berkata, If both of these instructions are sent (meta and HTTP), the developer's preference (meta element) takes precedence over the web server setting (HTTP header).  Lihat Jawaban olibre atau jawaban bitinn untuk detail lebih lanjut tentang cara mengatur header HTTP.

XHTML

Tidak ada masalah dengan validasi saat menggunakan <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> selama tag ditutup dengan benar (mis. /> vs >).

Twitter Bootstrap

Tag ini sangat direkomendasikan oleh tim Bootstrap setidaknya sejak 2014, dan Bootlint, linter yang ditulis oleh tim twbs terus melempar a PERINGATAN ketika tag dihilangkan. Linter membedakan antara peringatan dan kesalahan, dan dengan demikian tingkat keparahan mengabaikan tag ini dapat dianggap kecil.


Untuk informasi lebih lanjut tentang X-UA-Compatible lihat Microsoft Kompatibilitas Dokumen Mendefinisikan Situs Web.

Untuk informasi lebih lanjut tentang apa yang didukung IE lihat caniuse.com.

Untuk informasi lebih lanjut tentang persyaratan Twitter Bootstrap, lihat proyek bootlint halaman wiki.


1461
2017-07-21 05:22



Menggunakan content="IE=edge,chrome=1" Lewati yang lain X-UA-Compatible mode

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
                                   -------------------------- 
  • Tidak ada ikon kompatibilitas 
    Bilah Alamat IE9 tidak muncul Tombol Tampilan Kompatibilitas 
     dan halaman itu tidak juga menunjukkan campur aduk antara menu, gambar, dan kotak teks di luar tempat.

  • fitur 
     Tag meta ini diperlukan untuk mengaktifkan javascript::JSON.parse() di IE8
    (bahkan ketika <!DOCTYPE html> hadir)

  • Kebenaran 
     Rendering / Eksekusi HTML modern / CSS / JavaScript lebih valid (lebih bagus).

  • Kinerja 
     Itu Mesin render trident harus berjalan lebih cepat tepi mode.


Pemakaian

Di HTML Anda

<!DOCTYPE html> 
<html> 
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  • IE=edge berarti IE harus menggunakan versi terbaru (edge) dari mesin rendernya
  • chrome=1 berarti IE harus menggunakan Mesin render Chrome jika terpasang

Atau lebih baik dalam konfigurasi server web Anda:
(lihat juga Jawaban RiaD)

  • Apache seperti yang diusulkan oleh pixeline

    <IfModule mod_setenvif.c>
      <IfModule mod_headers.c>
        BrowserMatch MSIE ie
        Header set X-UA-Compatible "IE=Edge,chrome=1" env=ie
      </IfModule>
    </IfModule>
    <IfModule mod_headers.c>
      Header append Vary User-Agent
    </IfModule>
    
  • Nginx seperti yang diusulkan oleh Stef Pause

    server {
      #...
      add_header X-UA-Compatible "IE=Edge,chrome=1";
    }
    
  • Pernis proksi seperti yang diusulkan oleh Lucas Riutzel

    sub vcl_deliver {
      if( resp.http.Content-Type ~ "text/html" ) {
        set resp.http.X-UA-Compatible = "IE=edge,chrome=1";
      }
    }
    
  • IIS (sejak v7)

    <configuration>
      <system.webServer>
         <httpProtocol>
            <customHeaders>
               <add name="X-UA-Compatible" value="IE=edge,chrome=1" />
            </customHeaders>
         </httpProtocol>
      </system.webServer>
    </configuration>
    

Microsoft merekomendasikan Mode tepi sejak IE11

Seperti yang diperhatikan oleh Lynda (lihat komentar), Perubahan kompatibilitas di IE11 merekomendasikan Mode tepi:

Dimulai dengan IE11, mode edge adalah mode dokumen yang disukai;   ini mewakili dukungan tertinggi untuk standar modern yang tersedia untuk peramban.

Namun posisi Microsoft tidak jelas. Lain Halaman MSDN tidak merekomendasikan Mode tepi:

Karena mode Edge memaksa semua halaman dibuka dalam mode standar,   terlepas dari versi Internet Explorer,   Anda mungkin tergoda untuk menggunakan ini untuk semua halaman yang dilihat dengan Internet Explorer.   Jangan lakukan ini, karena X-UA-Compatible tajuk hanya didukung mulai   dengan Windows Internet Explorer 8.

Sebaliknya, Microsoft merekomendasikan menggunakan <!DOCTYPE html>:

Jika Anda ingin semua versi Internet Explorer yang didukung terbuka   halaman Anda dalam mode standar, gunakan deklarasi tipe dokumen HTML5 [...]

Sebagai Ricardo menjelaskan (dalam komentar di bawah) setiap DOCTYPE (HTML4, XHTML1 ...) dapat digunakan untuk memicu Mode Standar, tidak hanya DOCTYPE HTML5. Yang penting adalah selalu memiliki DOCTYPE di halaman.

Clara Onager bahkan telah memperhatikan di versi lama Menentukan mode dokumen legacy:

Mode Edge ditujukan untuk tujuan pengujian saja;   jangan menggunakannya di lingkungan produksi.

Ini sangat membingungkan itu Usman Y pikir Clara Onager berbicara tentang:

Contoh [...] diberikan hanya untuk ilustrasi saja;   jangan menggunakannya di lingkungan produksi.

<meta http-equiv="X-UA-Compatible" content="IE=7,9,10" >

Nah ... Di sisa jawaban ini saya memberikan lebih banyak penjelasan mengapa menggunakan content="IE=edge,chrome=1" adalah praktik yang baik dalam produksi.


Sejarah

Selama bertahun-tahun (2000 hingga 2008), Pangsa pasar IE lebih dari 80%. Dan IE v6 dianggap sebagai secara de facto standar (80% hingga 97% pangsa pasar di Indonesia 2003, 2004, 2005 dan 2006 untuk IE6 saja, lebih banyak pangsa pasar dengan semua versi IE).

Karena IE6 tidak menghormati Standar web, pengembang punya untuk menguji situs web mereka menggunakan IE6. Situasi itu bagus untuk Microsoft (MS) karena para pengembang web harus membeli Produk MS (misalnya IE tidak dapat digunakan tanpa membeli Windows), dan itu lebih menguntungkan untuk tetap tidak patuh (yaitu Microsoft ingin menjadi itu standar tidak termasuk perusahaan lain).

Oleh karena itu banyak banyak situs yang hanya memenuhi IE6, dan karena IE tidak sesuai dengan standar web, semua situs web ini tidak dirender dengan baik pada browser yang memenuhi standar. Lebih buruk lagi, banyak situs hanya membutuhkan IE.

Namun, pada saat ini, Mozilla memulai pengembangan Firefox dengan menghargai sebanyak mungkin semua standar web (browser lain diimplementasikan untuk merender laman seperti yang dilakukan oleh IE6). Karena semakin banyak pengembang web yang ingin menggunakan fitur standar web yang baru, semakin banyak situs web yang didukung oleh Firefox daripada IE.

Ketika pangsa pasar IE mengalami penurunan, MS menyadari bahwa standar standar yang tidak kompatibel bukanlah ide yang baik. Oleh karena itu MS mulai merilis versi IE baru (IE8 / IE9 / IE10) yang lebih menghormati standar web.


Masalah web yang tidak kompatibel

Namun masalahnya adalah semua situs web yang dirancang untuk IE6: Microsoft tidak dapat merilis versi IE baru yang tidak kompatibel dengan situs web lama yang dirancang IE6 ini. Alih-alih menyimpulkan versi IE situs web telah dirancang, MS meminta pengembang untuk menambahkan data tambahan (X-UA-Compatible) di halaman mereka.

IE6 masih digunakan pada tahun 2016

Saat ini, IE6 masih digunakan (0,7% pada tahun 2016) (4,5% pada bulan Januari 2014), dan beberapa situs web masih sesuai standar IE6. Beberapa situs web intranet / aplikasi diuji menggunakan IE6. Beberapa situs intranet 100% berfungsi hanya pada IE6. Perusahaan-perusahaan ini / departemen lebih memilih untuk menunda biaya migrasi: prioritas lain, tidak ada yang tidak lagi tahu bagaimana situs web / aplikasi telah dilaksanakan, pemilik situs web / aplikasi warisan bangkrut ...

Cina merupakan 50% dari penggunaan IE6 pada tahun 2013, tetapi mungkin berubah di tahun-tahun berikutnya sebagai Distribusi Linux Cina sedang disiarkan.

Percaya diri dengan keterampilan web Anda

Jika Anda (mencoba) menghormati standar web, Anda dapat selalu menggunakannya http-equiv="X-UA-Compatible" content="IE=edge,chrome=1". Untuk menjaga kompatibilitas dengan peramban lama, hindari penggunaan fitur web terbaru: gunakan subset yang didukung oleh peramban tertua yang ingin Anda dukung. Atau Jika Anda ingin melangkah lebih jauh, Anda dapat mengadopsi konsep sebagai Degradasi yang bagus, Peningkatan progresif dan JavaScript tidak obyektif. (Anda mungkin juga senang membaca Apa yang harus dipertimbangkan oleh pengembang web?.)

Jangan pedulikan tentang rendering versi IE terbaik: ini bukan pekerjaan Anda karena browser harus sesuai dengan standar web. Jika situs Anda memenuhi standar dan menggunakan fitur yang cukup terbaru, maka browser harus sesuai dengan situs web Anda.

Selain itu, karena ada banyak kampanye membunuh IE6 (IE6 tidak ada lagi, Kampanye MS), saat ini Anda dapat menghindari membuang-buang waktu dengan pengujian IE!

Pengalaman IE6 pribadi

Pada tahun 2009-2012, saya bekerja di perusahaan yang menggunakan IE6 sebagai peramban tunggal resmi diizinkan. Saya harus mengimplementasikan situs web intranet untuk IE6 saja. Saya memutuskan untuk menghormati standar web tetapi menggunakan subset berkemampuan IE6 (HTML / CSS / JS).

Memang sulit, tetapi ketika perusahaan beralih ke IE8, situs web masih bagus karena saya telah menggunakan Firefox dan pembakar untuk memeriksa kompatibilitas web-standar;)


312
2018-01-20 13:55



Perbedaannya adalah bahwa jika Anda hanya menentukan DOCTYPE, IE Pengaturan Tampilan Kompatibilitas diutamakan. Secara default, pengaturan ini memaksa semua situs intranet menjadi Tampilan Kompatibilitas terlepas dari apa pun DOCTYPE. Ada juga kotak centang untuk menggunakan Tampilan Kompatibilitas untuk semua situs web, terlepas dari DOCTYPE.

IE Compatibility View Settings dialog

X-UA-Compatible mengesampingkan Pengaturan Tampilan Kompatibilitas, sehingga halaman akan ditampilkan dalam mode standar terlepas dari pengaturan browser. Ini memaksa mode standar untuk:

  • halaman intranet
  • halaman web eksternal ketika administrator komputer telah memilih "Tampilkan semua situs web dalam Tampilan Kompatibilitas" sebagai default — pikirkan perusahaan besar, pemerintah, universitas
  • ketika Anda tidak sengaja berakhir di Daftar Tampilan Kompatibilitas Microsoft
  • kasus di mana pengguna telah secara manual menambahkan situs web Anda ke daftar dalam Pengaturan Tampilan Kompatibilitas

DOCTYPEsendiri tidak bisa melakukan itu; Anda akan berakhir di salah satu mode Tampilan Kompatibilitas dalam hal ini terlepas dari apa pun DOCTYPE.

Jika keduanya meta tag dan header HTTP ditentukan, meta tag diutamakan.

Jawaban ini didasarkan pada pemeriksaan aturan lengkap untuk memutuskan mode dokumen di IE8, IE9, dan IE10. Perhatikan bahwa melihat DOCTYPE adalah fallback terakhir untuk menentukan mode dokumen.


52
2018-03-25 19:57



Gunakan ini untuk memaksa IE menyembunyikan tombol kompatibilitas browser yang mengganggu di bilah alamat:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

24
2018-02-13 09:25



Karena saya tidak dapat menambahkan komentar ke jawaban yang ditandai saya hanya akan memposting ini di sini.

Selain jawaban yang benar Anda memang dapat memvalidasi ini. Karena meta tag ini hanya diarahkan untuk IE, yang perlu Anda lakukan adalah menambahkan IE bersyarat.

<!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<![endif]-->

Melakukan hal ini sama seperti menambahkan pernyataan kondisional IE lainnya dan hanya berfungsi untuk IE dan tidak ada browser lain yang akan terpengaruh.


22
2018-06-15 14:38



Saya pikir diagram ini dari Microsoft menjelaskan semuanya. Untuk memberi tahu IE cara merender konten,! DOCTYPE harus bekerja dengan tag meta X-UA-Compatible. ! DOCTYPE dengan sendirinya tidak berpengaruh pada mengubah Mode Dokumen IE.

enter image description here

http://ie.microsoft.com/testdrive/ieblog/2010/Mar/02_HowIE8DeterminesDocumentMode_3.png


12
2017-11-05 19:40



Hanya untuk kelengkapan, Anda tidak benar-benar harus menambahkannya ke HTML Anda (yang tidak diketahui http-equiv di HTML5)

Lakukan ini dan jangan pernah melihat ke belakang (contoh pertama untuk apache, kedua untuk nginx)

Header set X-UA-Compatible "IE=Edge,chrome=1"

add_header X-UA-Compatible "IE=Edge,chrome=1";

11
2018-02-27 07:11



<meta http-equiv="X-UA-Compatible" content="IE=Edge">

Agar lini ini berfungsi seperti yang diharapkan, pastikan bahwa:

  1. Ini adalah elemen pertama setelahnya <head>
  2. Tidak komentar bersyarat digunakan sebelum tag meta, e. g. pada <html> elemen

Kalau tidak, beberapa versi IE mengabaikannya begitu saja.

MEMPERBARUI

Kedua aturan ini disederhanakan tetapi mudah diingat dan diverifikasi. Meskipun dokumen MSDN menyatakan Anda dapat menempatkan judul dan meta tag lainnya sebelum ini, saya tidak akan merekomendasikan untuk melakukannya.

Bagaimana membuatnya bekerja dengan komentar bersyarat.

Artikel menarik tentang urutan elemen di kepala. (blogs.msdn.com, untuk IE)

REFERENSI

Dari Dokumentasi MSDN:

Itu X-UA-Compatible [...] harus muncul di tajuk halaman web (bagian HEAD)   sebelum semua elemen lain kecuali untuk elemen judul dan elemen meta lainnya.


7
2017-09-17 14:03



jika Anda menggunakan situs web Anda di jaringan yang sama dengan server IE suka untuk beralih ke mode kompatibilitas meskipun DOCTYPE.
Menambah meta http-equiv="X-UA-Compatible" content="IE=Edge"  menonaktifkan perilaku yang tidak diinginkan ini.


4
2018-03-22 15:07



Ini adalah LITERAL 1 kueri google, tapi begini:

http://msdn.microsoft.com/en-us/library/jj676915(v=vs.85).aspx

Memahami mode dokumen legacy

Gunakan nilai berikut untuk menampilkan halaman web dalam mode tepi, yaitu   mode standar tertinggi yang didukung oleh Internet Explorer, dari   Internet Explorer 6 hingga IE11.

<meta http-equiv="x-ua-compatible" content="IE=edge"

Catatan bahwa ini secara fungsional setara dengan menggunakan doctype HTML5. Ini menempatkan Internet Explorer ke dukungan tertinggi   mode dokumen. Ujung paling berguna untuk dipelihara secara teratur   situs web yang secara rutin diuji untuk interoperabilitas antara   beberapa browser, termasuk Internet Explorer.

CatatanDimulai dengan IE11, mode tepi dianggap mode dokumen yang disukai. (Dalam versi sebelumnya, itu dianggap eksperimental.)   Untuk mempelajari lebih lanjut, lihat Mode dokumen tidak lagi digunakan. Dimulai dengan   Windows Internet Explorer 8, beberapa pengembang web menggunakan mode edge   elemen meta untuk menyembunyikan tombol Tampilan Kompatibilitas pada bilah alamat.   Pada IE11, ini tidak lagi diperlukan karena tombol telah dihapus   dari bilah alamat. Karena ini memaksa semua halaman dibuka   mode standar, terlepas dari versi Internet Explorer, Anda   mungkin tergoda untuk menggunakan mode edge untuk semua halaman yang dilihat dengan Internet   Penjelajah. Jangan lakukan ini, karena tajuk X-UA-Compatible hanya   didukung mulai dengan Internet Explorer 8.

Tip   Jika Anda ingin semua versi Internet Explorer yang didukung untuk membuka halaman Anda dalam mode standar, gunakan deklarasi tipe dokumen HTML5, seperti yang ditunjukkan pada contoh sebelumnya.

Juga di antara hasil pencarian adalah:


3
2017-09-24 10:05