Standar web membagi halaman web menjadi tiga komponen independen:
* Struktur: HTML, XHTML, XML
* Kinerja: CSS1, CSS2
* Perilaku: ECMAScript, DOM
Standar web sejauh ini tidak memiliki pedoman atau aturan tentang tampilan dan estetika, dan standar tersebut tidak menerapkan batasan apa pun pada tampilan dan nuansa situs. Standar tersebut hanya memungkinkan browser menampilkan situs yang dibuat oleh perancang dengan benar dan membantu pelanggan memenuhi kebutuhan perusahaan kebutuhan dan kebutuhan pasar. Analisis pengguna untuk mengembangkan tujuan.
Standar web dapat melakukan:
* Kontrol, pemosisian, dan tata letak yang lebih tepat pada browser grafis
* Perilaku interaktif yang kompleks
*Aksesibilitas
* Mendukung banyak browser
* Berfungsi pada browser lama dan baru
* Dijamin berfungsi pada browser masa depan
* Mengurangi waktu mendesain ulang situs web
* Mendukung perangkat non-tradisional
* Menyediakan versi ramah cetak dari halaman web mana pun dengan mudah
* Mendesain ulang dokumen dengan mudah selama proses rilis
* Konversi HTML ke bahasa markup berbasis XML
Alasan menggunakan standar web:
* Meningkatkan kemampuan interaksi
* Tingkatkan aksesibilitas
* Mengurangi beban kerja pemeliharaan
* Kurangi bandwidth
* Mengurangi biaya
XHTML adalah bahasa markup berbasis XML yang terlihat mirip dengan HTML, dengan beberapa perbedaan kecil namun penting. Anda bisa melihatnya seperti ini, XHTML adalah XML yang berperan mirip dengan HTML.
Intinya, XHTML adalah teknologi penghubung (transisi) yang menggabungkan kekuatan XML (agak) dengan kesederhanaan HTML (kebanyakan).
----Jeffery Zeldman
10 alasan untuk beralih ke XHTML:
*XHTML adalah pengganti standar bahasa markup HTML4 saat ini.
* XHTML dapat berinteraksi dengan baik dengan bahasa markup, aplikasi, dan protokol berbasis XML lainnya.
* XHTML memiliki konsistensi yang lebih baik dibandingkan HTML.
* XHTML1.0 adalah jembatan ke versi XHTML yang akan datang
* Browser lama dapat beradaptasi dengan XHTML
* Browser baru lebih menyukai XHTML daripada HTML
* XHTML berfungsi dengan baik pada perangkat nirkabel dan agen pengguna lainnya.
* XHTML adalah bagian dari keluarga standar Web
* XHTML dapat membantu Anda menghilangkan kebiasaan buruk kode lapisan presentasi
* XHTML dapat membantu Anda membiasakan menandai validasi untuk menguji apakah laman Anda berfungsi
Aturan XHTML:
* Mulailah dengan DOCTYPE dan namespace yang benar
* Gunakan elemen konten META untuk mendeklarasikan bahasa pengkodean konten Anda
* Tulis semua nama elemen dan atribut dengan huruf kecil
* Tambahkan tanda kutip pada semua nilai atribut, dan pisahkan atribut dengan spasi.
* Tetapkan nilai untuk semua atribut
* Tutup semua tab
* Tutup tag kosong dengan spasi dan garis miring
* Jangan gunakan dalam konten komentar
* Pastikan untuk menggunakan < dan & untuk < dan &.
Ada tiga jenis DTD yang disediakan oleh XHTML1:
* Transisi, transisi, DTD paling lunak, satu-satunya DTD yang mentolerir tag lapisan presentasi, elemen sampah, dan atribut
* Ketat, ketat,
* Bingkai, bingkai,
Metode pengkodean konten deklarasi XHTML:
* XML prolog, tetapi sebagian besar browser tidak menangani ini
* Masukkan elemen Tipe Konten untuk menentukan bahasa pengkodean,
* Atur bahasa pengkodean melalui header HTTP yang dikembalikan di server web. Metode ini direkomendasikan oleh w3c.
Mekanisme umum untuk menambahkan struktur
* Elemen DIV dan SPAN, dikombinasikan dengan atribut id dan class, menyediakan mekanisme umum untuk menambahkan struktur ke dokumen.
* Elemen-elemen ini menentukan konten bawaan (SPAN) dan level blok (DIV) tanpa memasukkan lapisan presentasi lain ke dalam konten.
* Atribut ID mirip dengan label area khusus dalam kode, yang menunjukkan bahwa area tersebut memerlukan pemrosesan khusus. Ketika nilai atribut ID digunakan dalam CSS yang disetel secara khusus, ini disebut pemilih CSS. ID adalah cara termudah dan paling serbaguna untuk membuat pemilih.
* Nama ID harus diawali dengan huruf dan garis bawah, dan tidak boleh diawali dengan angka.
fungsi tanda pengenal
* Sebagai pemilih style sheet, minimalkan file halaman XHTML;
* Sebagai jangkar hyperlink, menggantikan atribut nama yang sudah ketinggalan zaman;
* Metode untuk mereferensikan elemen dalam skrip DOM;
* Sebagai nama elemen objek yang dideklarasikan;
* Sebagai alat untuk proses pengolahan tujuan umum.
# Style sheet adalah kumpulan dari satu atau lebih definisi aturan yang menentukan bagaimana elemen yang dipilih ditampilkan.
# Definisi CSS terdiri dari dua bagian: penyeleksi dan deklarasi. Diantaranya, deklarasi juga merupakan kumpulan. Elemen kumpulan ditempatkan dalam sepasang {}. Setiap elemen diakhiri dengan ;. Setiap elemen terdiri dari dua bagian: atribut dan nilai.
# Pemilih yang dimulai dengan # adalah pemilih id, dan pemilih yang dimulai dengan .
# Beberapa penyeleksi dapat berbagi pernyataan yang sama, dalam hal ini pilihan yang berbeda dipisahkan dengan koma.
# Menurut CSS, elemen anak halaman mewarisi properti dari elemen induk, namun beberapa browser lama tidak mendukungnya (seperti Netscape 4). Jika Anda tidak ingin elemen turunan mewarisi karakteristik elemen induk, elemen turunan dapat dengan bebas menentukan atribut terkait.
# CSS tidak peka huruf besar-kecil, tetapi ketika dikaitkan dengan file HTML, nama kategori dan id peka huruf besar-kecil.
# Untuk memudahkan pengeditan CSS, Anda dapat menambahkan beberapa spasi atau baris baru.
# Style sheet dapat mempengaruhi tampilan halaman dalam tiga cara
1. Penjangkauan/impor
<link rel=StyleSheet href=/styles/mystylesheet.css type=text/css media=all />
atau
<tipe gaya=teks/css media=semua>
@import /styles/mystylesheet.css;
</gaya>
atau
<tipe gaya=teks/css media=semua>
@import url(/styles/mystylesheet.css);
</gaya>
Catatan: Metode @Import hanya didukung oleh browser di atas 5.0