Lebih Banyak
Unduhan Sumber Kode Terkait Pemrograman Sumber daya untuk membuat situs web Buku dan Tutorial Permainan Seluler Perangkat Lunak Seluler Artikel
Beranda>Tutorial Desain Web>Standardisasi WEB

Peningkatan fitur IE8 untuk pengembang web

Penulis：Eve Cole Waktu Pembaruan：2009-07-03 17:12:46

Pada tanggal 20 Maret 2009, Microsoft merilis versi resmi Windows Internet Explorer 8 (IE8) ke dunia, yang menjadi fokus perhatian masyarakat. IE8 adalah versi yang paling memenuhi standar hingga saat ini. Ini sepenuhnya mendukung Cascading Style Sheets (CSS) level 2.1, telah meningkatkan dukungan untuk CSS 3, HTML 4.01, dan juga dapat mendukung HTML 5 dengan baik. Berkat peningkatan dukungan untuk elemen HTML ini, pengembang Web kini dapat membuat markup HTML yang lebih ekspresif dan mudah diakses. Artikel ini akan mengeksplorasi perubahan perilaku dukungan HTML dan CSS di IE8 dan bagaimana perubahan ini mempengaruhi pengembang web.

Peningkatan HTML

Untuk membantu pengembang memanfaatkan sepenuhnya elemen yang disediakan oleh HTML 4.01 dan menafsirkan dengan lebih baik makna semantik yang diharapkan diungkapkan oleh pengembang Web, Windows Internet Explorer telah ditingkatkan dengan dukungan untuk elemen presentasi berikut:

  • Elemen P : mewakili paragraf logis.
  • Elemen OBYEK : dapat mewakili objek apa pun, termasuk gambar.
  • Elemen button mengirimkan atribut value-nya alih-alih innerHTML, yang berarti elemen button sekarang dapat menggunakan skema FORM lintas-browser.
  • Metode getElementByIdNAME kini peka huruf besar-kecil dan tidak lagi menggunakan atribut untuk penelusuran yang tidak pantas.
  • Metode setAttribute sekarang tidak membedakan huruf besar-kecil, yang berarti Anda tidak perlu lagi menggunakan huruf besar/kecil "camelCase" (seperti "camelCaseWord") saat menentukan atribut. Itu juga dengan benar mengidentifikasi atribut HTML seperti CLASS dan FOR.

P secara otomatis menambahkan tag penutup elemen

Elemen P yang tidak memiliki tag penutup secara otomatis menambahkan tag penutup segera ketika diikuti oleh elemen TABLE, FORM, NOFRAMES, atau NOSCRIPT.



Contoh akhir elemen P sederhana




Ini adalah paragraf pertama



Ini adalah paragraf kedua.



Ini paragraf ketiga.




Dalam contoh ini, elemen P kedua tidak memiliki tag penutup. Jika dilihat menggunakan Windows Internet Explorer 7, elemen TABLE muncul sebagai anak dari elemen P kedua. Elemen P kedua diindentasi 30 piksel dari margin kiri jendela. Karena TABLE adalah turunan dari elemen P, maka TABLE juga diindentasi dari margin kiri jendela. Namun, jika dilihat dalam mode default Windows Internet Explorer 8, elemen TABLE sejajar dengan margin kiri. Karena Windows Internet Explorer 8 secara otomatis menambahkan tag penutup yang hilang dari elemen P sebelum menampilkan elemen TABLE, elemen TABLE bukan merupakan elemen turunan dari elemen P kedua di IE8.

Menampilkan gambar menggunakan elemen OBJECT

Windows Internet Explorer 8 dapat menampilkan gambar menggunakan elemen OBJECT. Saat menggunakan elemen ini untuk menampilkan gambar di browser lama, elemen ini sering kali secara otomatis menambahkan bilah gulir dan batas ke gambar, yang sering kali menyebabkan gambar tidak ditampilkan dengan benar.

Di Windows Internet Explorer 8, elemen OBJECT menampilkan gambar seolah-olah tertanam menggunakan elemen IMG. Untuk menggunakan perilaku ini di halaman web, setel atribut DATA dari elemen OBJECT ke URL gambar. Anda juga dapat menyematkan dataURL di atribut DATA.
Agar Windows Internet Explorer memuat gambar ke dalam elemen OBJECT yang menggunakan perilaku lama, pilih mode kompatibilitas lama untuk halaman web atau atur atribut TYPE dari elemen OBJECT ke text/html.

Ini adalah sel tabel.