Recientemente he estado estudiando microformatos y he ganado mucho en el proceso de aprendizaje. ¡Compártelo aquí y bienvenido a comunicarte!
Ventajas del microformato:
Nombres de clases HTML y CSS semánticos para marcar contenido común.
Una serie de métodos estandarizados que permiten a las máquinas leer y comprender datos que sólo pueden ser comprensibles para los humanos.
Los microformatos permiten integrar fácilmente el contenido de un sitio web con otras aplicaciones, aumentando así el uso de la información.
Reglas básicas para los microformatos de hCalendar:
Las propiedades y subpropiedades se describen por clases.
Las propiedades específicas de hCalendar se basan en nombres de propiedades de iCalendar como:vevent
Los nombres de atributos y subatributos distinguen entre mayúsculas y minúsculas.
El atributo "raíz" no se puede combinar con otros atributos. Por ejemplo, <div class=vevent resumen"> no es válido.
| <dl class="vevent"> <dt>Mi horario personal:</dt> <dd> <a href=" http://sports.163.com " class="summary"> <span class="category">Natación</span></a></dd> <dt>Tiempo de actividad:</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">dura 4 semanas</abbr></dd> <dd class="vcard"> <a class="fn" href=" http://www.ued163.com > <span class="title">Desarrollo front-end</span> <span class="localidad "> Cantón</span> <span class="org">UED163</span> <a href=" mailto:[email protected] " class="email"> [email protected]</a></ dd> </dl> <div class="mietiqueta"> <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 demostración anterior es relativamente básica y fácil de entender, así que intente aplicarla.
Descripción del atributo del evento:
resumen información resumida del evento
categoría tipo de evento
enlace del evento URL
dtstart La hora/fecha de inicio del evento, que desencadena el evento.
duración La duración del evento
definición de información de fecha/hora de duración:
P2Y = dura 2 años
P10D = dura 10 días
P3H = Dura 3 horas
P2W = dura 2 semanas
P8DT8H8M = dura 12 días, 8 horas y 8 minutos
información de contacto de vcard:
valor del atributo del nombre de la tabla fn
valor del atributo de correo de la tabla de correo electrónico
descripción del atributo de registro
Mi etiqueta: reg="etiqueta"
Descripción del atributo rel del derecho de uso de derechos de autor: rel="licencia"
El código anterior produce el siguiente efecto:
Detectar complementos de microformatos (actualmente solo Firefox y Safari):
Firefox: Operador, Exportación de Tails
Safari: Microformatos de Safari
Referencia de microformatos:
http://www.ablognotlimited.com/articles/getting-semantic-with-microformats-part-4-hcalendar/
http://microformatos.org/
Extensión de microformatos de Dreamweaver
http://www.Webstandards.org/action/dwtf/microformats/
Texto original: http://www.ued163.com/?p=459