Di bidang Internet saat ini, istilah standar WEB menjadi semakin populer dalam konsep pengguna dan pengembang web. Namun, konsep standar WEB terlalu umum, dan orang-orang memiliki pandangan berbeda mengenai apa sebenarnya standar WEB dan apa isinya. Pada Forum Kontes Templat ShopEx "Piala E-Dong" yang disponsori oleh China E-Dong.com, para kontestan dan pengulas berbicara dengan antusias tentang apa itu standar WEB dan "teknik ekspresi" kode templat. Agar setiap orang dapat memahami konsep-konsep yang secara umum diacu oleh standar WEB.
Tidak ada yang disebut "standar", yang ada hanya saran
Pertama-tama, Anda harus memahami bahwa tidak ada standar WEB yang sebenarnya. Yang sebenarnya ada adalah beberapa organisasi yang mempromosikan standardisasi, seperti standar ISO dan Ecma. Ketika kebanyakan orang mengacu pada standar WEB, mereka sebenarnya mengacu pada sesuatu dari W3C. Namun W3C tidak benar-benar menetapkan standar, mereka hanya memberikan rekomendasi. Dengan kata-kata mereka sendiri: “Rekomendasi W3C adalah spesifikasi atau serangkaian pedoman yang, setelah dibangunnya konsensus secara luas, telah mendapat dukungan dari Anggota dan Direktur W3C. W3C merekomendasikan penerapan Rekomendasinya secara luas.”
Arti standar WEB
Secara umum, standar WEB terdiri dari bagian-bagian berikut:
• HTML/XHTML yang valid
•Semantik kode jelas
•Pemisahan presentasi konten (HTML/XHTML) (CSS) dan interaksi (Javascript)
Bagi sebagian orang, standar web berarti semua hal di atas, sementara bagi sebagian lainnya mungkin hanya sebagian kecil saja. Namun yang terpenting, ketiga bagian ini merupakan bagian integral dalam membangun situs yang hebat.
HTML/XHTML yang valid
Mari kita mulai dengan poin pertama, kode yang valid adalah langkah pertama menuju standar WEB. Bagi kebanyakan orang, valid hanya berarti kode HTML/XHTML, tapi jangan lupa ada juga validasi CSS. Memverifikasi validitas kode HTML/XHTML Anda pada dasarnya berarti apakah kode pada halaman web Anda sesuai dengan doctype yang Anda pilih.
Memilih doctype yang benar adalah penting, karena ini menentukan bagaimana kode HTML/XHTML diinterpretasikan dan perbedaan tata letak di berbagai browser. Kode terverifikasi dapat ditampilkan dengan baik di browser yang berbeda tanpa harus mempertimbangkan terlalu banyak kompatibilitas browser. Dengan memvalidasi, Anda mungkin menemukan kode yang berpotensi memengaruhi halaman, memperbaikinya agar proses pengembangan lebih efisien, dan mengurangi biaya pemeliharaan di masa mendatang.
Alat verifikasi kode
• Pengaya Validator HTML Firefox
• Bilah Alat Pengembang Internet Explorer
Semantik kode jelas
Setiap elemen yang ada pada halaman harus mempunyai maknanya dan mampu mengungkapkan maknanya secara akurat. Sederhananya, ini berarti memilih elemen yang sesuai berdasarkan konteksnya. Contohnya adalah sebagai berikut
Kode ini tidak jelas
| Berikut isi kutipannya: <div class="page-heading">Judul halaman</div> <a class="menu-item" href="/item-1">Item menu 1</a> |
Dengan performa yang sama, semantiknya jauh lebih jelas
| Berikut isi kutipannya: <h1>Judul halaman</h1> <ul kelas="menu"> |
Sebenarnya sangat sederhana untuk memperjelas semantik kode. Gunakan h1-h6 untuk menentukan judul, gunakan p untuk menentukan paragraf artikel, gunakan ul, ol, dll. untuk menentukan item daftar, dll. . . Ini akan dengan mudah membantu Anda menemukan bagian kode yang Anda inginkan dan dapat mengurangi waktu muat halaman secara signifikan karena mengurangi jumlah kode. Dan jangan lupa, ini juga berguna untuk SEO. Semantik yang jelas dapat membantu Google dan mesin pencari lainnya mengindeks situs Anda dengan lebih baik.
Pemisahan konten (HTML/XHTML), presentasi (CSS) dan interaksi (Javascript)
Ada banyak alasan mengapa penting untuk memisahkan presentasi konten (HTML/XHTML) (CSS) dan interaktivitas (Javascript). Mereka mempunyai pembagian kerja yang berbeda-beda, dan cara menggunakannya secara wajar memerlukan pertimbangan yang cermat.
Alasan perpisahan
Performa: File eksternal seperti css dan js akan disimpan di cache pengguna setelah pemuatan pertama, sehingga menghemat waktu pemuatan berikutnya dan meningkatkan pengalaman.
Secara keseluruhan: Anda selalu dapat menemukan kode dan menempatkannya secara akurat.
Kegunaan: Anda selalu dapat dengan mudah mereferensikan kode dan menggunakannya kembali di seluruh situs web Anda.
Pemeliharaan: Semua kode yang terkait dengan kinerja dan interaksi disimpan secara terpusat untuk memudahkan pemeliharaan.
Bagaimana cara lebih dekat dengan pengguna?
Beberapa orang mengatakan bahwa dibutuhkan lebih banyak waktu ekstra untuk membuat situs web lebih dekat dengan pengguna, namun kenyataannya, selama Anda dapat melakukan tiga poin yang disebutkan dalam artikel, Anda telah mengambil langkah maju yang besar untuk menjadi lebih dekat dengan pengguna. pengguna.
Kode yang benar dan efektif akan memudahkan Anda menemukan konten yang salah di halaman. Kode dengan semantik yang jelas dapat mendukung perangkat genggam dengan lebih baik, dan juga dapat membuat situs web dijelajahi lebih baik oleh pengguna tanpa modifikasi CSS. Pemisahan struktur, kinerja, dan interaksi memungkinkan situs web mempertahankan fungsi dasar bahkan tanpa dukungan JavaScript. Tentu saja, Anda dapat meningkatkan pengalaman situs dengan menambahkan lapisan JavaScript, namun ini jelas bukan bagian paling dasar dari pengoperasian situs web.