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 utama dan menengah mungkin merasa sulit untuk memahami beberapa aspek 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 terpisahHTML 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 membuat 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 tanpa bosan dengan itu - 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.
LabelSemua tag di XHTML harus huruf kecil dan ditutup. Tanpa tag tertutup (seperti BR dan IMG) harus ditutup dalam bahasa Inggris dengan garis miring ke depan setengah sudut/mandiri setelahnya (seperti
). Perhatikan bahwa harus ada ruang setengah lebar bahasa Inggris di depan tebasan.
Tag juga harus komprehensif sehingga elemen -elemen bersarang dengan benar (seperti ini , bukan ini ).
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.
milikSemua atribut harus menjadi huruf kecil, dan nilainya juga harus terlampir dalam tanda kutip setengah lebar bahasa Inggris ().
Atribut tipis tidak diperbolehkan (mis. ). Dengan konvensi, atribut yang disederhanakan harus memberikan nilai yang sama dengan nama atribut (mis. ).
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.
AfinitasAlasan untuk membuat halaman web afinitas untuk penyandang cacat tidak terbukti. Ini tidak hanya manusiawi, tetapi juga bermanfaat bagi pengguna lanjut usia 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 pertimbangkan Affinity sekarang! - Catatan Translator). Affinity tidak hanya nyaman bagi orang -orang dengan disabilitas parah, tetapi juga memudahkan sebagian besar pengguna dengan sejumlah kecil fungsi regresi (terutama visi).
Masalah ini semakin terlibat dalam masalah hukum, seperti adopsi Pasal 508 di Amerika Serikat, yang berupaya secara aktif mempromosikan penggunaan afinitas wajib; Di Inggris, semua situs web pemerintah harus memiliki tingkat afinitas yang ditentukan. Kapan bisa ada undang -undang seperti ukuran afinitas pada bangunan sehingga mereka dapat banyak digunakan di situs web komersial? (China tidak tahu kapan undang -undang ini akan tersedia! Tetapi itu tidak berarti bahwa 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 penyandang cacat. Ada lebih banyak kreasi yang akan membawa afinitas Anda ke tingkat berikutnya, dan itu tidak sulit. Lihat Panduan Bentuk Affinity Connection dan Affinity.