Komentar: HTML5 Mengembangkan konvensi penamaan dan format mikro.
Pada tanggal 29 Mei 2004, di blog pensiunan saya dan semua pembicaraan besar, ketika saya mensurvei 40 situs web desainer untuk melihat konvensi mereka untuk elemen halaman publik seperti judul dan spanduk, navigasi, konten dan footer (hasilnya saat itu).
Itu bukan penelitian ilmiah, tetapi pada bulan Juni tahun itu, saya menindaklanjuti dengan beberapa pendapat Eric Meyer dan menerbitkan serangkaian konvensi penamaan. Ketika saya menemukan bahwa sebuah situs web telah melewati konvensi penamaan ini, saya selalu senang bahwa saya menggunakannya setiap hari, bahkan lebih dari 4 tahun kemudian.
Pikiran saya bisa diringkas sebagai ini
Nama atribut ID dan kelas harus mencerminkan fungsi atau konten elemen, bukan pengantar. Jadi saya keluar dari sundulan dan pergi branding lagi; Saya keluar dari footer dan menggantinya dengan Info situs.
Penamaan harus mengambil hampir struktur gaya XML. Penamaan akan mengambil hampir struktur gaya XML. Oleh karena itu, konten internal datang konten-utama, konten-sub dan pasokan konten.
Konvensi ini melayani saya dengan baik, dan apa yang saya lakukan, hampir tidak mengubah inti mereka. Tidak ada keraguan bahwa mereka semua membuat pekerjaan saya lebih cepat, lebih konsisten dan lebih bermanfaat. Mereka membuatnya lebih mudah untuk membangun produk dan mengolah orang yang bekerja dengan saya dengan pola pikir saya. Konvensi penamaan bekerja.
Microformat dan nama atribut terkait
Mari kita hadapi itu, mikrofformat seperti HCARD, HCALENDAR, HATOM dan draft lainnya membawa begitu banyak nilai atribut sehingga sering tidak perlu untuk mempertimbangkan file build mana atau kait mana yang membatasi pola CSS disediakan untuk nilai atribut yang lebih. Sekarang saya menggunakan microformat untuk mencapai level ini yang saya bahkan tidak menggunakan atribut kelas (kecuali atribut kelas yang menyertai mikroformat) untuk mengembangkan seluruh halaman.
Pada kesempatan yang jarang, saya perlu menambahkan elemen baru (dengan asumsi divisi tujuan tata letak) yang pertama kali saya pikirkan adalah apa yang sudah ada dalam mikroformat ekstensi. Saya akan memberi Anda contoh menggunakan Mode Hatom:
<Div class = hentry>
<h2 class = entri-title> judul </h2>
<Div class = entri-content>
Konten utama
</div>
<Div class = Entry-Related>
Konten terkait
</div>
</div>
Jika Anda mempertahankan keunggulan format mikro, Anda telah memperhatikan bahwa masuk yang terkait bukan bagian dari pola Hatom, tetapi dalam hal ini saya benar-benar, secara eksplisit, harus memiliki faktor tambahan, bagaimana cara membuat nilai properti seperti sidelink terkait?
Kapan tampaknya lebih logis untuk memperluas pola penamaan mikroformat?
Html5
Pada awal bab ini, saya harus terus terang berbicara, pada saat ini, saya tidak dapat kurang memperhatikan HTML5. Namun, ini bukan kunci masalah. HTML5 memperkenalkan beberapa elemen baru yang berpotensi sangat berguna, seperti:
bagian
File atau bagian aplikasi normal. Bab, dalam hal ini, adalah klasifikasi topik konten.
artikel
Bagian dari halaman yang terdiri dari artikel yang membentuk bagian independen dari dokumen, halaman web, atau situs web. Ini bisa berupa posting forum, majalah atau artikel surat kabar, entri log web, komentar yang dikirimkan pengguna, atau item konten independen lainnya.
ke samping
Bagian dari halaman yang terdiri dari konten tidak tergantung pada konten yang terkait dengan elemen samping dan dapat dianggap terpisah dari konten. Bagian -bagian ini sering dimanifestasikan sebagai sidebar cetak dan tipografi.
Karena logis bagi penemu mikroformat untuk mendasarkan skema mereka pada spesifikasi yang ada, tentunya sekarang masuk akal bagi saya untuk menyesuaikan konvensi penamaan saya untuk mengikuti mereka di HTML5? Tentu saja, saya tidak bisa menggunakan:
<section>
<h2> judul </h2>
<martikel>
Konten utama
</artikel>
<sander>
Konten terkait
</side>
</section>
Tetapi sekarang saya dapat menggunakan nilai atribut ID dan kelas untuk membantu saya akrab dengan HTML5, mengambil dokumentasi saya untuk melangkah lebih jauh ke arahnya.
<Div class = bagian>
<h2> judul </h2>
<Div class = artikel>
Konten utama
</div>
<Div class = sanggih>
Konten terkait
</div>
</div>
Saya pikir ini adalah langkah logis berikutnya bagi saya. Jadi melihat file demonstrasi ini, saya telah mengambil dasar elemen HTML5 untuk konvensi penamaan saya. Selain apa yang baru saja saya sebutkan, perhatikan bahwa saya telah menentukan cara untuk mengklasifikasikan dan menavigasi (NAV), membangun bidang dengan Colgroup dan COL, mengubah daftar yang tidak dipesan menjadi kisi -kisi, dan menggunakan datagrid.
Spesifikasi penandaan HTML5 juga mencakup detail, dialog, dan gambar, yang juga dapat saya gunakan sebagai nilai atribut.
Jika saya dapat mencapai keinginan hari ini, keinginan ini adalah bahwa semua pengembangan kerangka kerja CSS akan mengadopsi konvensi penamaan yang sama (dan juga secara luas tertanam dalam format mikro) sehingga orang yang pemula dengan tag yang bermakna dan CSS memiliki titik awal yang benar untuk menggunakan lebih bermakna dan logis daripada ID representasional dan atribut kelas.