Perubahan era web dan perbedaan antara HTML5 dan HTML4

HTML5 adalah versi berikutnya dari standar HTML. Semakin banyak programmer mulai membangun situs web di HTML5. Jika Anda menggunakan HTML4 dan HTML5, Anda akan menemukan bahwa bangunan dari awal dengan HTML5 jauh lebih nyaman daripada bermigrasi dari HTML4 ke HTML5. Meskipun HTML5 tidak sepenuhnya menumbangkan HTML4, mereka masih memiliki banyak kesamaan, tetapi mereka juga memiliki beberapa perbedaan utama dalam HTML5 menjadi versi berikutnya dari standar HTML. Semakin banyak programmer mulai membangun situs web di HTML5. Jika Anda menggunakan HTML4 dan HTML5, Anda akan menemukan bahwa bangunan dari awal dengan HTML5 jauh lebih nyaman daripada bermigrasi dari HTML4 ke HTML5. Meskipun HTML5 tidak sepenuhnya menumbangkan HTML4, mereka masih memiliki banyak kesamaan, tetapi mereka juga memiliki beberapa perbedaan utama. Selanjutnya, mari kita pelajari perbedaan antara HTML5 dan HTML4 melalui artikel ini

Tag struktur baru untuk html5

Di halaman HTML sebelumnya, semua orang pada dasarnya menggunakan metode tata letak Div+CSS. Ketika mesin pencari merangkak konten halaman, mereka hanya dapat menebak bahwa konten di salah satu div Anda adalah wadah konten artikel, wadah modul navigasi, atau wadah yang diperkenalkan oleh penulis, dll. Dengan kata lain, seluruh struktur dokumen HTML tidak jelas. Untuk menyelesaikan masalah ini, HTML5 ditambahkan secara khusus tag elemen struktural yang terkait dengan struktur seperti header, footer, navigasi, konten artikel, dll.

Sebelum berbicara tentang tag baru ini, mari kita lihat tata letak halaman biasa:

Pada gambar di atas, kita dapat melihat dengan sangat jelas bahwa halaman biasa akan memiliki header, navigasi, konten artikel, bilah kanan terlampir, bawah dan modul lainnya. Kami membedakannya melalui kelas dan memprosesnya melalui gaya CSS yang berbeda. Tetapi secara relatif, kelas bukanlah spesifikasi standar yang umum. Mesin pencari hanya bisa menebak fungsi bagian tertentu. Selain itu, jika program halaman ini diserahkan kepada orang -orang dengan gangguan visual untuk dibaca, struktur dan konten dokumen tidak akan terlalu jelas. Tata letak baru yang dibawa oleh tag HTML5 baru adalah situasi berikut:

Standar generasi HTML sebelumnya: HTML 4.01 dan XHTML 1.0 telah dirilis lebih dari 10 tahun yang lalu hari ini, dan aplikasi di sisi web juga telah berubah secara drastis. Selain itu, tidak ada standar internet terpadu dan umum di front-end web, dan ada terlalu banyak ketidakcocokan antara browser, yang membuang terlalu banyak waktu untuk mempertahankan kompatibilitas browser ini. Hal lain adalah bahwa operasi multimedia sebelumnya, animasi, dll. Semua memerlukan dukungan plug-in pihak ketiga, yang menciptakan masalah kompatibilitas beberapa platform. Semua ini akan menjadi standar dalam HTML5, yang secara fundamental memecahkan perbedaan dalam browser dan masalah beberapa plug-in pihak ketiga, membuat aplikasi web lebih standar, lebih fleksibel, dan lebih tidak tergantung perangkat.

Sejak H5 secara resmi keluar pada 2010, telah disambut dan didukung oleh browser besar. Saat ini, industri ini bergerak menuju H5, dan era H5 akan segera hadir.

HTML5 bukanlah perubahan revolusioner, tetapi perkembangan. Selain itu, banyak standar HTML4 sebelumnya yang kompatibel, dan semua aplikasi web yang dibuat melalui standar HTML5 terbaru juga dapat dengan mudah dijalankan di browser lama. Standar HTML5 memang mengintegrasikan banyak fungsi praktis seperti audio dan video, penyimpanan lokal, komunikasi soket, animasi, dll., Yang semuanya dipertimbangkan dan ditingkatkan dalam pengembangan aplikasi sebelumnya. Saya percaya bahwa jika Anda memiliki pengalaman yang relevan, Anda akan sangat tersentuh.

Tujuan HTML5 adalah: ini memberikan standar untuk mengembangkan aplikasi web umum yang lebih sederhana, independen, dan standar melalui beberapa tag baru dan fitur baru.

Standar baru ini memecahkan tiga masalah utama: masalah kompatibilitas browser, memecahkan masalah struktur dokumen yang tidak jelas, dan memecahkan masalah seperti fungsi aplikasi web yang terbatas.

1. Beberapa tag HTML4 yang sudah ketinggalan zaman dibatalkan

Ini termasuk penanda yang menampilkan efek murni, seperti <font> dan <senter>, yang telah sepenuhnya digantikan oleh CSS.

Properti lain yang dibatalkan: akronim, applet, Basefont, besar, tengah, dir, font, bingkai, frameset, isIndex, noframes, strike, tt.

2. Menambahkan beberapa elemen baru

Misalnya: Tag formulir yang lebih cerdas: tanggal, email, url, dll.; Tag yang lebih masuk akal: Bagian, Video, Kemajuan, Nav, Meter, Waktu, Selain, Kanvas, dll.

3. Atribut Global Baru: Designeditable DesignMode Hidden Esposgeck Tabindex

4. Metode Markup: Hanya ada satu jenis deklarasi jenis file (<! Doctype>): <! Doctype html>.

Tentukan pengkodean karakter <meta charset = UTF-8>

5. JS API Baru

6. Pastikan kompatibilitas

Elemen tag dapat dihilangkan

Tanda akhir tidak diperbolehkan: seperti basis area br

Tanda akhir dapat dihilangkan: seperti li dt

Semua tag dapat dihilangkan: seperti html head