Cara mempelajari standar web
Banyak anggota forum versi standardisasi web dari forum klasik menanyakan pertanyaan ini. Saya rasa setiap orang yang baru mengenal standar web akan menanyakan pertanyaan ini.
Langkah 1. Jangan hanya menggunakan DW dan alat lain untuk mendesain halaman web, biasakan diri Anda dengan bahasa (X)HTML dan bahasa CSS
Karena standar web telah meningkatkan persyaratan kode, mustahil untuk lulus pemeriksaan tanpa pemahaman tertentu tentang kode xhtml. Alat DW juga dapat digunakan, tetapi Anda harus melihat kode untuk menulis halaman web.
Yang pertama kode xhtmlnya, jumlahnya tidak banyak, tahu cara menggunakannya, cara menulisnya yang benar, dan ingat untuk menutup tag. Seperti <img/><br/>. Disarankan untuk membaca beberapa manual referensi html. Bagaimanapun, xhtml ditingkatkan dari html, dan banyak tag yang masih digunakan.
Langkah 2. Buat deklarasi standar (DOCTYPE) dan kepala
<!–(1) Transisi (Transisi)–>
<!DOCTYPE html PUBLIK “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!–(2) Ketat –>
<!DOCTYPE html PUBLIK “-//W3C//DTD XHTML 1.0 Ketat//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!–(3)Rangkaian–>
<!DOCTYPE html PUBLIK “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!–Tetapkan ruang nama (Namespace) lang=”zh-CN”/–>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”zh-CN”>
<kepala>
<!–Deklarasikan bahasa pengkodean Anda: GB2312/UTF-8/Unicode/ISO-8859-1–>
<meta http-equiv=”Jenis Konten” content=”teks/html; charset=GB2312″ />
<meta http-equiv=”Bahasa Konten” content=”zh-CN” />
<!–Konten disiapkan untuk mesin pencari–>
<!–Izinkan robot pencari mencari semua tautan di situs. Jika Anda ingin halaman tertentu tidak dicari, disarankan menggunakan metode robots.txt–>
<meta content=”semua” nama=”robot” />
<!–Tetapkan informasi penulis situs–>
<meta name=”penulis” content=”[email protected] ,阿杰” />
<!–Mengatur informasi hak cipta situs–>
<meta name=”Hak Cipta” content=”www.w3cn.org, hak cipta gratis, reproduksi apa pun” />
<!–Pengenalan singkat tentang situs (disarankan)–>
<meta name="description" content="Perancang web baru. Situs tutorial standar web, mempromosikan penerapan standar web di Tiongkok" />
<!–Kata kunci situs (disarankan)–>
<meta content=”desain, dengan, web, standar, xhtml, css, grafis, desain, tata letak, kegunaan, aksesibilitas, w3c, w3, w3cn, ajie” name=”kata kunci” />
<!–Ikon favorit–>
<link rel=”icon” href=”/favicon.ico” type=”image/x-icon” />
<link rel=”ikon pintasan” href=”/favicon.ico” type=”image/x-icon” />
<title>Judul halaman web</title>
<!–Hubungkan lembar gaya–>
<link rel=”stylesheet” rev=”stylesheet” href=”css/style.css” type=”teks/css” media=”semua” />
<style type=”text/css” media=”all”>@import url( css/style01.css );</style>
<!–RSS–>
<link rel=”alternate” type=”application/rss+xml” title=”ruang greengnn” href=”http://www.jluvip.com/blog/feed.asp” />
<!–JS–>
<skrip src=”js/common.js” type=”teks/javascript” bahasa=”javascript” "></script>
</kepala>
<tubuh></tubuh>
</html>
Langkah 3. Pelajari cara menggunakan div dengan CSS untuk tata letak halaman web
Gunakan <div> dengan CSS untuk mengatur tata letak halaman web Anda daripada menggunakan tabel. Ada banyak artikel dan contoh seperti itu. Saya sarankan Anda mengunjungi bluediea.com. Ada banyak manfaat tata letak div.
1. Kode memiliki sedikit redundansi dan halaman web terbuka dengan cepat.
2. Struktur dan kinerja dipisahkan. Anda dapat mengubah tata letak hanya melalui CSS, sementara informasinya tetap tidak berubah. Hal ini mengurangi biaya pemeliharaan dan peningkatan.
Langkah 4. Pelajari teori standar web, semantik, CSS, dan gagasan pemisahan struktur dan presentasi
Standar web sebenarnya diusulkan hanya untuk mencapai semantik tag, pemisahan struktur dan kinerja, transisi dari lokalisasi situs web ke internasionalisasi, kompatibilitas ke belakang, dan kemandirian perangkat, sehingga halaman web Anda dapat berjalan dengan lancar di Internet.
Pada tahap ini, Anda sudah dapat menggunakan CSS untuk menata halaman web Anda dan membuat halaman web yang dapat lolos inspeksi W3C. Anda dapat memahami apa itu standar web, kerangka kerja dan fungsi standar web, ide dan keuntungan pemisahan struktur dan kinerja , dan pengetahuan lebih dalam tentang CSS. Teori lapisan, semantik tag xhtml, teori afinitas, dan fungsionalitas lintas platform membuat halaman web Anda cocok untuk berbagai browser dan perangkat.
Langkah 5. Terapkan standar web untuk membuat halaman web, tetapkan spesifikasi kode standar web Anda sendiri, dan tingkatkan efisiensi pengembangan.