Artikel Pengenalan Wulin.com (www.vevb.com): 8 Praktik Terbaik untuk Mengoptimalkan Pengkodean HTML5.
Semua tanda menunjukkan bahwa 2012 jelas merupakan tahun wabah HTML 5. Adapun pengkodean front-end, HTML telah menyapu seluruh industri pengembangan web dengan caranya yang unik. Ini telah menjadi yang paling dalam teknologi. Sebagai pengembang front-end, jika Anda tidak belajar atau memahami pengkodean situs web HTML5, maka Anda keluar!
2012 jelas merupakan tahun ketika HTML5 meledak, dan HTML5 telah membawa banyak kenyamanan bagi pengembang/desainer. Tidak hanya mudah dimengerti tetapi efeknya menarik.
Adapun pengkodean front-end, HTML telah menyapu seluruh industri pengembangan web dengan caranya yang unik. Ini telah menjadi yang paling dalam teknologi. Sebagai pengembang front-end, jika Anda tidak belajar atau memahami pengkodean situs web HTML5, maka Anda keluar! Sebelum Anda mulai belajar, Anda harus mencari tahu perbedaan antara CSS3 dan HTML5. Hari ini, kami terutama akan membahas praktik terbaik untuk mahir dalam kode HTML5. Setelah membaca artikel ini, Anda pasti akan mendapatkan banyak uang dan itu akan sepadan dengan perjalanannya!
1. Generator HTML5 (Kode/Pengkodean)
Pengembang/desainer sering mulai dari awal sebelum mengembangkan situs web baru. Mereka akan membuat templat dasar berdasarkan setiap persyaratan, yang jelas membutuhkan banyak waktu. Menggunakan generator HTML5 (kode/encoding) akan menghemat banyak waktu tanpa menulis kode baru untuk setiap halaman. Hal terbaik tentang generator HTML5 (kode/encoding) adalah bahwa mereka sederhana dan mudah untuk memulai. Lebih tepatnya, Anda hanya perlu mengisi formulir dan membuat templat HTML5 sesuai dengan kebutuhan Anda, jadi Anda tidak perlu mengkode ulang setiap halaman.
Jelas, Anda akan menemukan bahwa ada berbagai macam generator HTML5 (kode/encoding), dan Anda dapat memilih satu yang sesuai dengan kebutuhan Anda sesuai dengan kebutuhan Anda. Tentu saja, Anda juga dapat memilih beberapa templat siap pakai untuk diterapkan secara langsung.
Merekomendasikan beberapa generator
2. Memahami Deklarasi Jenis Dokumen dengan Benar
Jika Anda tidak puas dengan pengkodean otomatis dan berencana untuk menulis kode untuk situs web Anda sendiri, sangat penting untuk memahami HTML5's Doctype (deklarasi tipe dokumen). Harap diingat bahwa memodifikasi tag Doctype tidak disarankan, jadi sebelum membuat keputusan dan perubahan, pastikan Anda memiliki pemahaman yang baik tentang Doctype dan tidak akan berakhir dengan tragedi.
3. Gunakan Cheat Sheet
Seperti yang kita semua tahu, pengembangan sains dan teknologi berubah setiap hari. Jadi tidak diperlukan panik jika Anda tidak dapat mengingat semua fitur HTML5 yang berubah. Anda dapat menggunakan lembar cheat HTML5.
Klik untuk melihat gambar yang lebih besar
Rekomendasi Artikel: HTML5 CheatSheat [Infografis] pamungkas ini ini
4. Rencana Kompatibilitas Mundur
Saat ini, semua browser WebKit (kernel) mendukung HTML5. Bahkan jika semua fitur baru (HTML5) tidak didukung, kebanyakan dari mereka dapat didukung. Aspek positif lain untuk HTML5 adalah kompatibilitas ke belakang, yang berarti bahwa fitur HTML5 baru tidak banyak membebani pembelajaran bagi pengembang, sehingga mereka dapat belajar tanpa guru.
5. Cobalah untuk menghindari masalah kompatibilitas
Dalam pengembangan harian, Anda mungkin menghadapi beberapa masalah kompatibilitas. Meskipun HTML5 adalah teknologi baru, beberapa fitur dan fitur baru mungkin tidak didukung. Namun, ini bukan masalah, dan Anda dapat dengan mudah mengetahui elemen apa yang didukung browser Anda di situs web CAN I Use.com. Tidak hanya itu, Anda dapat menemukan istilah teknis penting lainnya di atas, seperti ikon kompatibilitas CSS3 dan JavaScript. Jadi, jika Anda mengembangkan menggunakan HTML5, yang terbaik adalah menambahkan situs web Can I Use.com ke Bookmark.
6. Gunakan setiap elemen secara bertanggung jawab
Ngomong -ngomong, ketahuilah dirimu dan musuhmu, dan kamu akan memenangkan setiap pertempuran. Sebelum menggunakan elemen, Anda harus memahami tujuan dan efek dari setiap elemen dan memilih elemen yang sesuai dengan Anda. Mari kita lihat elemen konstituen dasar HTML5 dan pahami tujuan setiap elemen.
7. Mulai html5 di versi lama IE
Sejujurnya, IE selalu menjadi sakit kepala bagi pengembang dan desainer. IE8 dan versi browser sebelumnya tidak mendukung HTML5 sama sekali. Namun, Anda dapat menggunakan skrip berikut dalam versi browser IE ini untuk membantu Anda mulai mendukung HTML5:
8. Verifikasi Pengkodean
Menggunakan HTML5 untuk pengembangan situs web, verifikasi kode sangat penting, dan cara terbaik adalah dengan menggunakan validator W3C. Ini memang alat yang sangat baik untuk memverifikasi kualitas kode dan memeriksa kesalahan kode.
Akhirnya, semoga, metode yang disebutkan di atas ini dapat membantu Anda menggunakan HTML5 secara lebih efektif.