Bina halaman dengan markup HTML bersih_HTML/Xhtml_Pengeluaran halaman web

Internet adalah organisma yang sentiasa berkembang Bagaimana untuk membina halaman yang boleh menyesuaikan diri dengan perkembangan Internet untuk masa yang lama adalah sangat penting.

Menggunakan teg HTML yang bersih dan membina halaman yang mematuhi piawaian boleh membantu anda melakukan ini, dan yang lebih penting, ia boleh menjimatkan banyak masa dan wang anda dalam operasi masa hadapan.

Teknologi halaman web telah berkembang dengan perkembangan teknologi Internet HTML telah berkembang sejak sekian lama, dan teknologi yang disertakan juga telah berkembang secara berterusan.

Mula-mula ialah Javascript, kemudian CSS, XML, dan kini AJAX Aplikasi berskala besar HTML5 juga telah mula terbentuk - Firefox, Safari, Opera dan Chrome pada asasnya menyokong HTML5 (mengenai isu ini, Internet Microsoft. Explorer sekali lagi menghalang pembangunan Internet#-_-)

Dalam artikel ini, kami akan meneroka standard web asas, membincangkan perkara itu, kepentingannya dan penyelesaian kepada masalah penting tetapi sering diabaikan ini.

Apakah itu markup HTML "bersih"?

Ringkasnya, penanda HTML "bersih" bermaksud: Tiada redundansi, mematuhi piawaian, menggunakan tag dan struktur yang bermakna.

Kod HTML yang menyusahkan boleh menggunakan sepenuhnya teg, menghapuskan kod yang tidak diperlukan dan hanya menyimpan teg yang bermakna. Ia mengelakkan sifat tidak berguna, seperti CSS terbenam, dan memastikan struktur dokumen kemas.

Begitu juga, kod CSS yang menyusahkan harus mengelakkan pertindihan dirinya sendiri, menggunakan sifat yang boleh diwarisi (ingat bahawa niat asal CSS ialah melata helaian gaya) dan menggunakan semula Kelas CSS secara saintifik.

Pematuhan standard bermakna halaman anda boleh lulus pengesahan standard HTML, CSS dan XML W3C Gunakan pengesah W3C percuma untuk mencari dan membetulkan ralat dan meneruskan ujian bahawa ia adalah 100% patuh.

Kenapa ni? Tidak cukupkah asalkan ia boleh dipaparkan seperti biasa?

Setiap projek mempunyai had masa yang ketat dan pengguna mahu tapak web dikeluarkan seawal mungkin. Jadi pembangun dan pereka laman web dikehendaki menyelesaikan kerja mereka dengan cepat dan cekap.

Mudah untuk terjebak—cepat bermakna ceroboh, dan menulis kod yang mematuhi piawaian yang bersih adalah membuang masa. Orang sering berkata: "Jika ia dipaparkan seperti biasa, tidak akan ada masalah."

Sementara ia menunjukkan pada masa ini, bagaimana dengan tahun depan? Bagaimana dengan tiga tahun dari sekarang? Apakah yang perlu saya lakukan jika saya menaik taraf penyemak imbas saya? Adakah peranti itu serasi?

Adakah anda benar-benar berfikir bahawa enjin carian akan menggali kod anda baris demi baris. Jika anda tidak menggunakan kod piawai, ia adalah sama dengan menghalau enjin carian itu sendiri.

Apakah yang akan berlaku jika pekerja lain datang untuk mengubah suai kod anda Apakah yang berlaku jika anda dipecat oleh bos anda atau menukar pekerjaan sendiri? Akan ada pengganti yang melihat kod anda dan memahami maksudnya. Adakah anda mahu ia mudah, atau adakah anda mahu dia menikam anda dari belakang?

Mula menulisnya dengan betul, ia bukan tugas yang menjengkelkan, ia akan menjimatkan masa dan wang anda, serta mengurangkan kebimbangan anda.

Anda mungkin berpendapat bahawa menggunakan CSS terbenam untuk menulis halaman adalah lebih pantas, atau anda mungkin berpendapat bahawa lebih mudah untuk menulis HTML secara langsung tanpa mengambil kira strukturnya.

Tetapi apabila anda mengubah suai dokumen atau anda ingin merombak tapak web pada masa hadapan, anda akan menghabiskan lebih banyak masa untuk menebus gangguan yang disebabkan oleh kod kualiti yang rendah. Jika anda mencipta helaian gaya baharu, CSS terbenam yang tersebar di seluruh kod HTML akan menyebabkan anda banyak masalah dan anda mungkin menghabiskan berjam-jam untuk menanggalkannya.

Boleh dikembangkan, mesra peranti, semantik dan mudah dinaik taraf

Pelayar mudah alih berkembang dengan lebih pantas dan lebih pantas Akses Internet pada telefon bimbit bukan lagi eksklusif Blackberry Kini ratusan juta orang menggunakan telefon bimbit untuk menyemak imbas web setiap hari.

Peranti dengan teknologi penyemakan imbas bantuan yang dibangunkan untuk orang cacat penglihatan atau antara muka operasi khas yang direka untuk orang kurang upaya fizikal sudah menjadi perkara biasa. Jika anda tidak mahu kehilangan pangkalan pengguna yang begitu besar, anda perlu mempertimbangkan kemesraan peranti.

Tapak web anda mungkin disediakan kepada pengguna dalam braille, dengan Storan Kandungan Internet , Snapshot Google , dsb. Alat, anda halaman mungkin kekal di web untuk masa yang lama walaupun ia dipadamkan.

Menggunakan markup yang bersih dan mematuhi piawaian boleh memudahkan anda menangani situasi di atas.

Lakukan dan Jangan ("sepatutnya" dan "jangan")

LAKUKAN - Gunakan teg yang dipratentukan. Contohnya: h1 ialah bahagian paling penting dalam kandungan halaman web, diikuti dengan h2, h3, dsb. Hanya ada satu h1 dalam halaman web

LAKUKAN - Gunakan nama unsur yang bermakna. Tanya diri anda jika orang lain membaca kod tersebut, adakah mereka memahami maksud kelas dan penamaan ID anda Contohnya, untuk lapisan yang sama, gunakan #box12 atau #comment-footer, yang mana satu yang anda rasa lebih baik?

LAKUKAN - Manfaatkan sepenuhnya warisan CSS. Contohnya: jika anda menetapkan atribut fon dalam bekas, maka anda tidak perlu menetapkannya secara berasingan dalam elemen anaknya melainkan ia menggunakan fon yang berbeza. Ini akan menjadikan lembaran gaya anda jelas dan ringkas.

LAKUKAN - Jadikan HTML, CSS dan kod XML anda mematuhi. Gunakan pengesah W3C untuk mengesahkan ralat dan amaran, dan betulkannya sehingga anda mematuhi piawaian 100%.

DO - Pemeriksaan dua arah kod yang dijana oleh editor WYSIWYG. Pelayar WYSIWYG ialah sumber utama kod sampah, jadi kod yang dihasilkannya mesti diperkemas sebaik mungkin.

JANGAN - Jangan gunakan gaya css sebaris dan teg dan atribut luar. Walaupun anda sangat sibuk, jangan tambah perkara ini secara sambil lewa.

JANGAN - Jangan berpuas hati dengan "paparan yang betul". Oleh kerana ralat tersembunyi dalam halaman mungkin merosakkan halaman sehingga tidak dapat dikenali dalam penyemak imbas atau peranti lain.