Antisipasi kompatibilitas browser lama

Ketika template kita di dukung HTML5 dan CSS3 kompatibel dengan beragam website browser modern, Salah satunya yang kita kenal : Mozilla Fir...

Ketika template kita di dukung HTML5 dan CSS3 kompatibel dengan beragam website browser modern, Salah satunya yang kita kenal : Mozilla Firefox, Google Chrome, hingga internet Explorer versi terkini, Termasuk didalam nya adalah varian Browser di berbagai banyak platform sistem operasi.
Pemasalahan nya adalah ketika penggunjung menggunakan pencarian memakai browser versi lama.
Nah bagai mana cara mengantisipasinya ? tentunya dengan kita menggunakan Normalize.Css.
cara antisipasi kopatibilitas browser lama

Untuk kita mengantisipasi permasalahan pada browser browser kuno, yang tentunya masih belum bisa mensuport teknologi seperti HTML5 dan CSS3, Nah kita dapat menyisipkan kode Normalize.CSS, yang merupakan file css populer untuk mereset seluruh HTML, sehingga browser jadul bisa merender seperti browser browser biasanya.
3 bagian mengatasi browser lama
Caranya kita bagi menjadi 3 bagian antara lain :
  1. Dengan cara merujuk langsung file Normalize.css dari sebuah CDN.
  2. Dengan mendownload lalu menyimpan file tersebut di folder proyek utama agan, kemudian rujuk file tersebut secara internal di template agan.
  3. dengan menyalin seluruh isi file Normalize.css dan agan coba menyisipkan di bagian awal file CSS agan.
Nah jika agan memilih dengan cara pertama, sisipkan kode berikut sebelum tag <link> rujukan file CSS agan sehingga bentuk nya menjadi sbb :
<link href="http://normalize-css.googlecode.com/svn/trunk/normalize.min.css"
rel="stylesheet">
<link href"tema.css" rel="stylesheet">

Agan juga  memakai CDN selain Google, salah satunya kita memakai CDN Cloudflare berikut :
<link
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.2/normalize.min.css" rel="stylesheet">

#Jika agan mau dengan cara kedua, dengan download Normalize.css di situs resminya : necolas.github.io/normalize.css/ , Setelah itu simpan proyek nya di folder website rujukan agan, Rujuk file tersebut dengan cara seperti sebelum nya :
<link href="normalize.css" rel="stylesheet"> 

Kalau pun agan ingin dengan cara ketiga, agan bisa dengan buka langsung file Normalize.css di salah satu CDN seperti contoh sebelumnya, dengan agan salin seluruh kode yang ada lalu agan sisipkan di baris awal file tema.css kebanyakan orang memakai cara ini di karenakan praktis :

  • Dengan cara salin file Normalize.min.css dan sisipkan ke awal file tema.css agan.
#Tambahan : Memasang Meta X-UA-Compatible
Selain memasang file Normalize.css ke template agan juga dapat menambah kan tag meta ini di elemen head agan, Fungsinya untuk memberikan instruksi kepada IE - Internet Explore agar merender dokumen HTML agan dengan mode IE versi tertinggi, Dengan menempatkan kodeya sebelah charset sehingga menjadi sebagai berikut :
<meta charset="utf-8">
<meta http-equiv="X-UA-Compitable" content="IE=edge">.

Postingan Terkait

0 komentar