Rumah > Artikel > hujung hadapan web > Cara menambah baik tapak web_CSS/HTML sedia ada anda
Kebanyakan pereka bentuk kami masih menggunakan susun atur meja tradisional, pembentangan dan struktur yang digabungkan bersama untuk membina tapak web. Mempelajari cara menggunakan XHTML+CSS memerlukan proses dan membuat tapak web sedia ada mematuhi piawaian tapak web tidak boleh dilakukan dalam satu langkah. Pendekatan terbaik adalah untuk meneruskan langkah demi langkah dan secara berperingkat untuk mencapai matlamat mematuhi sepenuhnya piawaian laman web. Jika anda seorang pemula atau tidak begitu biasa dengan kod, anda juga boleh menggunakan alat penyuntingan yang mematuhi piawaian, seperti Dreamweaver MX 2004, yang pada masa ini merupakan alat paling lengkap yang menyokong piawaian CSS.
1. Penambahbaikan utama
Tambahkan DOCTYPE yang betul pada halaman
Ramai pereka bentuk dan pembangun tidak tahu apa itu DOCTYPE dan untuk kegunaannya. DOCTYPE ialah singkatan jenis dokumen. Terutamanya digunakan untuk menunjukkan versi XHTML atau HTML yang anda gunakan. Penyemak imbas mentafsir kod halaman mengikut DTD (Definisi Jenis Dokumen) yang ditakrifkan oleh DOCTYPE anda. Jadi, jika anda secara tidak sengaja menetapkan DOCTYPE yang salah, hasilnya akan mengejutkan anda. XHTML1.0 menyediakan tiga pilihan DOCTYPE:
(1) Peralihan
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(2) Tegas
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
(3) Frameset
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Untuk penambahbaikan utama kami, kami hanya perlu menggunakan pernyataan peralihan. Ia masih boleh serasi dengan reka letak meja anda, logo prestasi, dsb., supaya anda tidak akan merasakan bahawa perubahan itu terlalu besar dan sukar untuk dikuasai.
Petua: Jika anda terlalu malas untuk memasukkan kod peralihan di atas, anda boleh melawati halaman utama laman web http://www.macromedia.com/, kemudian lihat kod sumber, dan salin dan tampal kod yang sama di kawasan kepala.
Tetapkan ruang nama (Ruang nama)
Tambahkan kod berikut terus selepas pengisytiharan DOCTYPE:
Ruang nama ialah koleksi terperinci jenis elemen dan nama atribut DTD , pengisytiharan ruang nama membolehkan anda mengenal pasti ruang nama anda dengan menunjuk ke alamat dalam talian. Hanya masukkan kod seperti biasa.
Isytihar bahasa pengekodan anda
Untuk ditafsirkan dengan betul oleh penyemak imbas dan lulus pengesahan markup, semua dokumen XHTML mesti mengisytiharkan bahasa pengekodan yang mereka gunakan. Kodnya adalah seperti berikut:
Bahasa pengekodan yang diisytiharkan di sini ialah Bahasa Cina Ringkas GB2312 Jika anda perlu menghasilkan kandungan Cina Tradisional, anda boleh mentakrifkannya sebagai BIG5.
Tulis semua teg dalam huruf kecil
XML sensitif huruf besar-besaran, jadi XHTML juga sensitif huruf besar. Semua elemen XHTML dan nama atribut mestilah huruf kecil. Jika tidak, dokumen anda akan dianggap tidak sah oleh pengesahan W3C. Contohnya, kod berikut tidak betul:
ditukar kepada
, ditukar kepada , dsb. Langkah penukaran ini adalah mudah.
Tambah atribut alt pada imej
Tambah atribut alt pada semua imej. Atribut alt menentukan bahawa teks gantian dipaparkan apabila imej tidak dapat dipaparkan Ini boleh diketepikan untuk pengguna biasa, tetapi ia adalah penting untuk pelayar teks sahaja dan pengguna yang menggunakan pembaca skrin. Hanya apabila atribut alt ditambahkan, kod akan lulus semakan ketepatan W3C. Ambil perhatian bahawa kita perlu menambah atribut alt yang bermakna. Penulisan seperti berikut tidak bermakna:
Tulisan yang betul:
Beri Petikan semua nilai atribut
Dalam HTML, anda tidak perlu memetik nilai atribut, tetapi dalam XHTML, ia mesti dipetik.
Contoh: ketinggian="100", bukan ketinggian=100.
Tutup semua teg
Dalam XHTML, setiap teg yang terbuka mesti ditutup. Seperti ini:
Setiap tab yang terbuka mesti ditutup.
HTML boleh menerima teg yang tidak ditutup, tetapi XHTML tidak boleh.teks boleh ditukar menjadi teks besar dan tebal, dan