Baru-baru ini saya mempelajari mikroformat dan memperoleh banyak hal dalam proses pembelajarannya. Bagikan di sini dan selamat berkomunikasi!
Keuntungan format mikro:
Nama kelas HTML dan CSS semantik untuk menandai konten umum.
Serangkaian metode standar yang memungkinkan mesin membaca dan memahami data yang mungkin hanya dapat dipahami oleh manusia.
Microformat memungkinkan konten di situs web mudah diintegrasikan dengan aplikasi lain, sehingga meningkatkan penggunaan informasi.
Aturan dasar untuk mikroformat hCalendar:
Properti dan sub-properti dijelaskan berdasarkan kelas.
Properti hCalendar tertentu didasarkan pada nama properti iCalendar seperti:vevent
Nama atribut dan sub-atribut peka huruf besar-kecil
Atribut "root" tidak dapat digabungkan dengan atribut lainnya. Misalnya, <div class=vevent ringkasan"> tidak valid.
| <dl kelas="vevent"> <dt>Jadwal pribadi saya:</dt> <dd> <a href=" http://sports.163.com " class="summary"> <span class="category">Berenang</span></a></dd> <dt>Waktu kegiatan:</dt> <dd><abbr class="dtstart" title="2009-05-19T18:00:00">05-19</abbr>–<abbr class="dtend" title="2009-06-19T18:00: 00″>06-19</abbr>, <abbr class="duration" title="P4W">berlangsung selama 4 minggu</abbr></dd> <dd class="vcard"> <a class="fn" href=" http://www.ued163.com > <span class="title">Pengembangan front-end</span> <span class="locality "> Guangzhou</span> <span class="org">UED163</span> <a href=" mailto:[email protected] " class="email"> [email protected]</a></ hh> </dl> <div kelas="tagsaya"> <a href=" http://www.163.com/firefox/ " title="firefox" rel="tag"> firefox</a> <a href=" http://www.163.com/IE/ " title="IE" rel="tag"> YAITU</a> <a href=" http://www.163.com/safari/ " title="safari" rel="tag"> safari</a> <a href=" http://www.163.com/chrome/ " title="chrome" rel="tag"> chrome</a> <a href=" http://www.163.com/oprea/ " title="oprea" rel="tag"> oprea</a> </div> <div class="copyright"> <a href=" http://www.ued163.com/ " rel="license"> Hak Cipta: UED163</a></div> |
Demo di atas relatif mendasar dan mudah dipahami, jadi cobalah menerapkannya.
Deskripsi atribut acara:
ringkasan informasi ringkasan acara tersebut
kategori jenis acara
tautan acara url
dtstart Waktu/tanggal mulai acara, yang memicu acara
durasi Durasi acara
definisi informasi tanggal/waktu durasi:
P2Y = berlangsung 2 tahun
P10D = berlangsung 10 hari
P3H = Berlangsung 3 jam
P2W = berlangsung 2 minggu
P8DT8H8M = berlangsung 12 hari 8 jam 8 menit
informasi kontak vcard:
nilai atribut nama tabel fn
nilai atribut email tabel email
deskripsi atribut reg
Tag saya: reg = "tag"
Deskripsi atribut rel hak penggunaan hak cipta: rel="license"
Kode di atas menghasilkan efek berikut:
Mendeteksi plug-in mikroformat (saat ini hanya Firefox dan Safari):
firefox:Operator,Ekspor Ekor
Safari: Mikroformat Safari
Referensi mikroformat:
http://www.ablognotlimited.com/articles/getting-semantic-with-microformats-part-4-hcalendar/
http://microformats.org/
Ekstensi mikroformat Dreamweaver
http://www.Webstandards.org/action/dwtf/microformats/
Teks asli: http://www.ued163.com/?p=459