Poin -poin penting dari Tutorial Advanced HTML Standar (XHTML)

Tujuan dari tutorial HTML Advanced adalah untuk mengeksplorasi keuntungan HTML dan mengoptimalkan afinitas dan kemudahan penggunaan.

Karena tutorial dasar HTML dan tutorial perantara HTML mengambil sikap menggunakan standar HTML terbaru (XHTML versi 1.0 atau lebih), beberapa orang yang belum membaca tutorial dasar dan menengah mungkin merasa sulit untuk memahami beberapa aspek dari tutorial ini, yang juga merupakan alasan mengapa poin -poin kunci ada. Secara keseluruhan, setiap bagian dari tutorial ini mengasumsikan bahwa Anda memiliki pemahaman di dalam dan luar HTML dan ingin lebih mengembangkan potensinya.

Tutorial ini adalah untuk mereka yang telah memahami HTML tetapi tidak dapat bertahan dari standar XHTML di masa depan dan tersirat dalam pemisahan konten dan ekspresi.

Konten dan kinerja terpisah

HTML tidak pernah menjadi sarana ekspresi, tetapi dari sisi pengguna, ia menggabungkan elemen untuk memformat teks, pengembang menemukan cara untuk mengoperasikan tata letak. Kekuatan CSS membuatnya tidak perlu lagi menggunakan HTML untuk melakukan representasi apa pun, dan konten dapat sepenuhnya dipisahkan dari Representasi (CSS).

Ada banyak manfaat untuk melakukan ini - biasanya mengompres kapasitas file, memiliki fleksibilitas untuk mengontrol seluruh situs web alih -alih satu halaman dengan lembar gaya utama, dan juga dapat membuat halaman lebih mudah digunakan dan lebih banyak afinitas.

Mengikuti prinsip -prinsip dasar ini pada dasarnya berarti Anda tidak boleh menggunakan apa pun yang menata di dalam HTML lagi. Misalnya, tag font dan sifat -sifat bgcolor tidak boleh lagi digunakan. Bahkan batas atribut perbatasan dalam tag gambar IMG adalah ilegal di XHTML 1.1. Jangan khawatir, HTML yang sudah ketinggalan zaman dapat ditata, CSS dapat ditata, dan itu bisa dilakukan dengan lebih baik.

Ini bukan hanya tentang melucuti representasi dari HTML, struktur konten berarti menggunakan tag HTML yang jelas di mana mereka sesuai. Misalnya, H1, H2 dan aplikasi lainnya digunakan pada judul - tidak hanya menggunakan CSS untuk membuat font lebih besar.

Panduan terbaik adalah menggunakan gaya defaultnya pada browser visual untuk menyajikan halaman tanpa lembar gaya (atau browser teks dengan lembar gaya tetapi tidak mendukung lembar gaya, seperti catatan Lynx-translator).

Tabel tidak boleh digunakan dalam tata letak - Tabel digunakan untuk mewakili data format tabel (kami telah mengatakannya berkali -kali - catatan penerjemah). Mungkin untuk htmlers yang sudah terbiasa dengan struktur tradisional, secara teknis sangat sulit untuk sepenuhnya berubah. Metode ini sangat mengompres file, dan, berdasarkan kode eksplisit ini, menjadi lebih mudah digunakan dan lebih banyak afinitas.

Untuk lebih lanjut, baca tata letak tutorial CSS Advanced.

Label

Semua tag di XHTML harus huruf kecil dan ditutup. Mereka yang tanpa tag tertutup (seperti BR dan IMG) harus ditutup secara otomatis setelah menggunakan garis miring ke depan setengah sudut bahasa Inggris " /" (seperti <BR />). Perhatikan fakta bahwa harus ada ruang setengah lebar bahasa Inggris sebelum tebasan.

Tag juga harus secara holistik sehingga unsur -unsurnya bersarang dengan benar (mis. <strong> <em> ini </em> </strong>, bukan <strong> <em> ini </strong> </em>).

Semua dokumen harus memiliki elemen html, kepala, judul, dan tubuh. Itu juga harus dimulai dengan Deklarasi Jenis Dokumen.

Tubuh dokumen harus dimulai dengan P, H1, H2, H3, H4, H5, H6, Div, Pre, Address, Ins atau Del.

milik

Semua atribut harus menjadi huruf kecil, dan nilainya juga harus terlampir dalam tanda kutip setengah-lebar bahasa Inggris (").

Atribut ramping tidak diizinkan (misalnya, <input type = "centang kotak" diperiksa />). Dengan konvensi, atribut yang dirampingkan harus memberikan nilai yang sama dengan nama atribut (seperti <input type = "centang kotak" checked = "checked" />).

Atribut nama tidak lagi legal (kecuali dalam elemen formulir), dan ID harus digunakan sebagai gantinya.

Target atribut target bukanlah atribut hukum. Untungnya, ini agak gila.

Di IMG, atribut alt diperlukan.

Afinitas

Alasan untuk membuat halaman web afinitas untuk penyandang cacat tidak terbukti. Ini tidak hanya manusiawi, tetapi juga bermanfaat bagi pengguna lansia dan pengguna dengan fitur wajah yang berkurang (pikirkan, suatu hari kita sudah tua, penglihatan kita berkurang, dan fitur wajah kita tidak fleksibel. Bagaimana kita bisa menelusuri internet? Mengakumulasi beberapa kebajikan untuk orang tua, dan mempertimbangkan Affinity sekarang! - Catatan Penerjemah). Affinity tidak hanya nyaman bagi orang -orang dengan cacat parah, tetapi juga memudahkan sebagian besar pengguna dengan sejumlah kecil fungsi regresi (visi luar biasa).

Masalah ini semakin terlibat dalam masalah hukum, seperti adopsi "508" di Amerika Serikat, yang berupaya secara aktif mempromosikan penggunaan afinitas wajib; Di Inggris, semua situs web pemerintah harus memiliki tingkat afinitas tertentu. Kapan bisa ada undang -undang seperti ukuran afinitas pada bangunan sehingga mereka dapat banyak digunakan di situs web komersial? (China masih tidak tahu kapan undang -undang semacam ini akan tersedia! Tapi itu tidak berarti kita tidak boleh memperhatikan legalitas halaman web yang kami rancang. - Catatan penerjemah)

Jika Anda dapat mengikuti saran di atas, HTML Anda seharusnya sudah memiliki afinitas tinggi untuk pengguna yang dinonaktifkan. Ada lebih banyak kreasi yang akan membawa afinitas Anda ke tingkat berikutnya, dan itu tidak sulit. Lihat Panduan Bentuk Affinity Connection dan Affinity.