Récemment, j'ai étudié les microformats et j'ai beaucoup gagné dans le processus d'apprentissage. Partagez-le ici et bienvenue pour communiquer !
Avantages du format micro :
Noms de classes sémantiques HTML et CSS pour marquer le contenu commun.
Une série de méthodes standardisées qui permettent aux machines de lire et de comprendre des données qui ne peuvent être compréhensibles que par des humains.
Les microformats permettent d'intégrer facilement le contenu d'un site Web à d'autres applications, augmentant ainsi l'utilisation de l'information.
Règles de base pour les microformats hCalendar :
Les propriétés et sous-propriétés sont décrites par classes.
Les propriétés hCalendar spécifiques sont basées sur les noms de propriétés iCalendar tels que : vevent
Les noms d'attribut et de sous-attribut sont sensibles à la casse
L'attribut "root" n'est pas cumulable avec d'autres attributs. Par exemple, <div class=vevent summary"> n'est pas valide.
| <dl class="vevent"> <dt>Mon emploi du temps personnel :</dt> <dd> <a href=" http://sports.163.com " class="summary"> <span class="category">Natation</span></a></dd> <dt>Durée de l'activité :</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">dure 4 semaines</abbr></dd> <dd class="vcard"> <a class="fn" href=" http://www.ued163.com > <span class="title">Développement front-end</span> <span class="locality "> Canton</span> <span class="org">UED163</span> <a href=" mailto:[email protected] " class="email"> [email protected]</a></ jj> </dl> <div class="montag"> <a href=" http://www.163.com/firefox/ " title="firefox" rel="tag"> firefox</a> <a href=" http://www.163.com/IE/ " title="IE" rel="tag"> IE</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"> Copyright : UED163</a></div> |
La démo ci-dessus est relativement basique et facile à comprendre, alors essayez de l'appliquer.
Description de l'attribut d'événement :
résumé résumé des informations sur l'événement
catégorie type d'événement
URL du lien de l'événement
dtstart L'heure/date de début de l'événement, qui déclenche l'événement
durée La durée de l'événement
définition des informations de date/heure de durée :
P2Y = dure 2 ans
P10D = dure 10 jours
P3H = Dure 3 heures
P2W = dure 2 semaines
P8DT8H8M = dure 12 jours, 8 heures et 8 minutes
Coordonnées de la vcard :
valeur de l'attribut du nom de la table fn
valeur de l'attribut de messagerie de la table de courrier électronique
description de l'attribut reg
Mon tag : reg="tag"
Description de l'attribut rel du droit d'utilisation du droit d'auteur : rel="license"
Le code ci-dessus produit l'effet suivant :
Détecter les plug-ins microformats (actuellement uniquement Firefox et Safari) :
Firefox:Opérateur,Exportation de Tails
Safari : Microformats Safari
Référence des microformats :
http://www.ablognotlimited.com/articles/getting-semantic-with-microformats-part-4-hcalendar/
http://microformats.org/
Extension des microformats Dreamweaver
http://www.Webstandards.org/action/dwtf/microformats/
Texte original : http://www.ued163.com/?p=459