Karena Internet adalah organisme yang terus berubah dan berkembang, sangat penting untuk membangun sebuah situs web yang dapat berubah dan tumbuh bersama Internet. Penting juga untuk tidak terpengaruh oleh gelombang kejut Internet saat dunia online perubahan.
Membersihkan markup dan membangun situs Anda menggunakan standar web mungkin membingungkan orang, namun hal itu akan menghemat waktu dan uang dalam jangka panjang.
Seiring berkembangnya jaringan, teknologi yang digunakan dalam jaringan juga terus berkembang. HTML telah ada di Internet sejak lama, dan telah menghasilkan banyak turunan selama pengembangannya yang berkelanjutan.
Pertama datang Javascript, lalu muncul CSS, XML dan AJAX. Adopsi HTML5 secara luas sudah dekat, dengan Firefox, Safari, Opera dan Chrome semuanya mendukung HTML5 (IE tertinggal dibandingkan sebelumnya).
Pada artikel ini, saya akan mengambil Wangyi Technology www.idccss.com sebagai contoh untuk mempelajari dasar standar jaringan. Apa artinya bagi Anda? Saya akan menunjukkan beberapa masalah yang sangat penting tetapi dalam keadaan biasa mudah diabaikan oleh semua orang.
Apa yang dimaksud dengan tanda "bersih"?
Singkatnya, ini berarti menghilangkan kekacauan dan membuat standar kompatibel, menggunakan tag dan struktur yang sama untuk bahasa berbeda.
HTML yang bersih dapat mengurangi penggunaan tag yang tidak perlu, menghilangkan hal-hal yang tidak perlu, dan menggunakan markup yang sangat kecil agar berhasil menyelesaikan suatu tugas. Itu tidak menggunakan properti yang tidak perlu seperti CSS bawaan, struktur dan organisasi setiap file. Demikian pula, CSS yang bersih harus menghindari duplikasi dan memanfaatkan sumber daya yang ada. Kepatuhan standar berarti halaman Anda mematuhi standar HTML, CSS, dan XML yang diterbitkan oleh W3C. Artinya menggunakan W3C untuk mendeteksi kesalahan, memperbaikinya, dan mengujinya hingga halaman web Anda 100 persen dapat digunakan.
Setiap proyek desain situs web memiliki batasan waktu, dan klien juga ingin situs web mereka selesai lebih awal. Jadi pengembang dan desainer web berada di bawah tekanan terus-menerus untuk bekerja lebih cepat dan efisien.
Saya biasanya berpikir: "Berpikir cepat membuat Anda ceroboh, dan menandai dalam format standar yang bersih membutuhkan banyak waktu" dan biasanya berkata: "Ini sudah berhasil, ini cara terbaik untuk melakukannya" Penting "Tentu saja, sejauh ini, ini berhasil untuk Anda. Namun bagaimana dengan tahun depan? Bagaimana dengan tiga tahun dari sekarang? Bagaimana dengan browser baru?
Apakah menurut Anda mesin pencari akan bekerja dengan cara yang sama sepanjang hari? Anda sangat pemilih, dan jika Anda tidak memenuhi standar, peringkat halaman Anda akan turun.
Apa yang terjadi jika orang berikutnya harus mengubah halaman web yang Anda buat? Apa yang terjadi jika Anda tertabrak mobil, diculik oleh alien, atau tidak dapat menemukan tempat perkemahan Anda dalam ekspedisi kutub? Untuk mengatasi kekacauan yang Anda tinggalkan, Anda harus mengerahkan seluruh upaya untuk melihat dan memahami kodenya. Apakah ini hal yang sederhana? Siapa yang bisa menjamin orang tersebut tidak akan pusing dan mengumpat Anda.
Jadi saat pertama kali melakukannya, Anda harus melakukannya dengan cara yang benar. Ini bukan hal yang menyebalkan, ini adalah filosofi hidup. Jika Anda melakukan ini, sebenarnya ini akan menghemat banyak waktu dan uang, serta mempermudah orang-orang yang bekerja dengan Anda.
Anda mungkin berpikir bahwa menulis apa pun yang Anda inginkan di CSS bawaan akan lebih cepat daripada menulis sesuai aturan tertentu. Dan Anda mungkin berpikir akan lebih cepat jika menulis secara acak tanpa mempertimbangkan keseluruhan struktur file. Nantinya, ketika Anda memperbarui file atau mendesain ulang situs web, Anda akan menghabiskan lebih banyak waktu untuk memperbaiki kode yang Anda tulis sembarangan daripada yang Anda simpan saat itu. Saat Anda menulis halaman baru, kode inline mengganggu yang Anda gunakan sebelumnya akan kembali dan menjebak Anda, dan Anda perlu banyak waktu untuk menghilangkannya.
Skalabilitas, aksesibilitas, transformasi, dan standar masa depan
Perkembangan mobile browser semakin menjanjikan, dan kini hampir semua orang dapat menggunakan ponselnya untuk berselancar di Internet. Teknologi pendukung juga berkembang, seperti pembaca layar untuk tunanetra dan perangkat antarmuka variabel untuk penyandang disabilitas. Anda tentu tidak ingin merugikan diri sendiri jika tidak mempertimbangkan perubahan ini.
Untuk pengguna Internet di seluruh dunia, konten di situs web Anda mungkin diterjemahkan sebagian ke berbagai bahasa. Berkat Internet Archive, cache Google, dan beberapa elemen jaringan lainnya, halaman yang Anda publikasikan hari ini mungkin akan tetap ada untuk waktu yang sangat lama, bahkan setelah Anda menghapusnya dari situs Anda.
Markup dan standar yang bersih sangat membantu untuk memastikan bahwa situs Anda dapat berkembang dengan lancar seiring berkembangnya web di masa depan.
Anjuran dan Larangan
Gunakan tag seperti yang Anda pikirkan. Misal: h1 adalah level tertinggi pada halaman web, disusul h2, h3 dan seterusnya. Seharusnya hanya ada satu tag h1 anak di setiap halaman.
Beri nama standar dan ID CSS Anda dengan bermakna, dan tanyakan pada diri Anda apakah orang lain dapat memahami arti nama tersebut. Namanya juga menarik: #box12 atau #commentscale?
Manfaatkan CSS dengan baik. Misalnya: jika Anda mengatur font dalam suatu folder, Anda tidak perlu mengaturnya lagi di setiap subfolder, kecuali Anda ingin mengatur font yang berbeda di setiap subfolder. Hal ini dapat mengakibatkan halaman Anda dibuka dengan cepat.
Gunakan HTML, CSS, dan XML Anda untuk memperbaiki kesalahan sebanyak mungkin. Perhatikan juga peringatan yang dihasilkan.
Tinjau dengan cermat kode yang dihasilkan WYSIWYG dan lakukan pembersihan kode yang diperlukan. Kode-kode ini membengkak, mubazir, dan mengandung banyak sampah yang tidak perlu dan tidak berguna.
Jangan memasukkan pemformatan sebaris serta tag dan atribut yang tidak relevan hanya karena Anda sedang terburu-buru.
Jangan terus menggunakannya hanya karena memiliki efek jangka pendek. Hanya karena suatu halaman dapat digunakan bukan berarti kodenya standar, tidak ada masalah, dan cocok untuk mesin pencari.