Elemen dan atribut baru HTML5 adalah petualangan dan peluang bagi para desainer

Artikel Pengenalan Wulin.com (www.vevb.com): HTML5, yang dikabarkan menjadi pembunuh Flash, adalah teknologi jaringan transformatif yang digunakan untuk pengembangan aplikasi web.

HTML5, yang dikatakan sebagai pembunuh Flash, adalah teknologi jaringan transformatif yang digunakan untuk pengembangan aplikasi web. HTML 5 menyediakan beberapa elemen dan atribut baru, beberapa di antaranya secara teknis mirip dengan tag <div> dan <span>, tetapi memiliki beberapa makna, seperti <av> dan <footer>. Tag ini akan kondusif untuk pengindeksan mesin pencari, perangkat layar kecil dan orang -orang tunanetra. Pada saat yang sama, fitur -fitur baru disediakan untuk elemen penelusuran lainnya, melalui antarmuka standar seperti <Audio> dan <Video> tag.

Selain antarmuka DOM asli, HTML5 menambahkan API yang lebih beragam:

Canvas API: API untuk output dinamis dan rendering grafik, bagan, gambar, dan animasi.

HTML5 Audio dan Video: Elemen-elemen baru di HTML5, mereka memberikan API yang umum, terintegrasi, dan ditulis untuk memproses audio dan video tanpa menginstal plug-in apa pun.

API Komunikasi: Dua yayasan utama untuk membangun komunikasi real-time dan lintas asal: Pesan Dokumen Lintas dan XMLHTTPREQUEST Level 2.

Deskripsi teknis di atas hadir dalam dokumentasi HTML WhatWG, tetapi tidak semua termasuk dalam dokumentasi W3C HTML5; W3C telah membuat penjelasan terpisah untuk beberapa teknologi, jadi artikel ini tidak akan diulang satu per satu.

Kedengarannya agak terlalu teknis, jadi apa dampak HTML5 terhadap desain? Ini adalah sesuatu yang harus dipertimbangkan oleh perancang web dan pengembang setelah mereka membahas kode pemrograman.

Mengambil bidang internet seluler sebagai contoh, dalam menghadapi banyak perangkat terminal dan platform, perancang dan pengembang harus membuat kompromi dalam hal tampilan produk dan konsistensi dalam pengalaman, dan menyia -nyiakan banyak energi kita dalam proses pengisian di platform. Produk bisa mencapai tingkat yang lebih tinggi, tetapi realitas fragmentasi terminal seluler (termasuk perangkat keras dan perangkat lunak) memblokir harapan baik.

Platform pengembangan ponsel utama saat ini meliputi: iOS, Symbian, Linux, Palm, Blackberry, Windows Mobile, Android, dll. Di antaranya, platform iOS perlu dirancang untuk resolusi masing -masing 480*320, 960*640 dan 1024*768; Resolusi QVGA adalah 240*320, resolusi WQVGA adalah 240*400, resolusi HVGA adalah 320*480, resolusi WVGA adalah 480*800, resolusi FWVGA adalah 480*854, dll.; Sistem Symbian memiliki sejarah panjang, dan sekarang terutama berfokus pada versi S60 V3 dan V5, dan resolusinya masih 176*208, 208*208, 240*320/320*240, 352*416/416*352 dan 800*352 dan banyak jenis lainnya. Bahkan dengan platform yang sama, resolusi yang berbeda akan memiliki perbedaan yang sesuai. Selain itu, produk klien perlu diperbarui dan diulang secara terus menerus, dari versi 1.0, versi 2.0 ke versi n.0; Setiap kali aplikasi asli dikembangkan, platform perlu diletakkan. Dan kenyataannya adalah bahwa tidak semua pengguna akan secara aktif memperbarui versi baru, sehingga desainer dan pengembang juga harus khawatir tentang apakah versi lama sebelumnya akan didukung saat mengembangkan fungsi baru. Kalikan platform yang berbeda dengan versi yang berbeda, tenaga kerja dan sumber daya material diinvestasikan dalam pekerjaan meletakkan platform, dan energi untuk meningkatkan pengalaman pengguna produk relatif terbatas.

Jadi orang -orang sudah cukup dengan penyiksaan perangkat terminal yang terfragmentasi dan mulai menantikan sesuatu yang berbeda dari aplikasi asli. Munculnya aplikasi web yang dikembangkan oleh teknologi HTML5 telah memberi para desainer dan pengembang visi yang cerah. Proses rendering teknologi HTML5 terutama dilakukan oleh browser, aplikasi yang tertanam dengan parser HTML5, aplikasi yang mendukung pembukaan bookmark, atau produk ponsel. Dengan cara ini, pembaruan peluncuran dan versi produk tidak lagi membutuhkan waktu lama untuk meletakkan platform. Logika internal applerator akan mengonversi UI produk menjadi antarmuka asli untuk platform seperti iOS atau Android. Pada saat yang sama, produk dalam bentuk aplikasi web tidak mengharuskan pengguna untuk mengunduh dan memperbarui, dan dapat mengakses versi terbaru melalui jaringan; Ini juga memfasilitasi desainer dan pengembang untuk men -debug dan memperbaiki kesalahan, dan tidak ada lagi masalah untuk memperhitungkan versi baru dan lama pada saat yang sama.

HTML5 sangat kuat sehingga memang memiliki potensi untuk meningkatkan kualitas produk Internet dan meningkatkan lingkungan nyata bagi pengembang. Oleh karena itu, desainer dan pengembang perlu memahaminya seperlunya. Tetapi ini tidak berarti bahwa desainer harus meletakkan pekerjaan mereka dan mulai belajar teknologi pemrograman. Sebaliknya, mereka harus mempertimbangkan perubahan apa yang jelas akan dilakukan HTML5 untuk desain tertentu, dan efek desain apa yang dapat dicapai oleh teknologi HTML5?

Di bawah advokasi aktif perusahaan raksasa seperti Apple, Google dan Microsoft, teknologi HTML5 telah membuat kemajuan cepat dan efek yang dapat dicapai oleh aplikasi web menjadi semakin berlimpah. Banyak aplikasi web memang dapat dibandingkan dengan aplikasi asli. Peramban terbaik untuk dukungan HTML5 adalah Safari dan Chrome, Firefox dan Opera tidak memuaskan, dan browser IE memiliki dukungan terendah. Seperti yang ditunjukkan pada gambar di bawah ini:

Saat ini, kami sering melihat artikel pengantar terkait seperti "19 situs web yang dikembangkan dengan HTML5" dan "25 game Canvas HTML5 yang luar biasa" di internet. Desainer sering dapat menggunakannya untuk mengalaminya. Karena keterbatasan ruang, artikel ini hanya akan memberikan beberapa produk situs web khas yang menggunakan teknologi HTML5 untuk contoh.