Recentemente tenho estudado microformatos e ganhei muito no processo de aprendizagem. Compartilhe aqui e seja bem-vindo para se comunicar!
Vantagens do microformato:
Nomes de classes HTML e CSS semânticos para marcar conteúdo comum.
Uma série de métodos padronizados que permitem às máquinas ler e compreender dados que só podem ser compreendidos por humanos.
Os microformatos permitem que o conteúdo de um site seja facilmente integrado a outras aplicações, aumentando assim o uso da informação.
Regras básicas para microformatos hCalendar:
Propriedades e subpropriedades são descritas por classes.
Propriedades específicas do hCalendar são baseadas em nomes de propriedades do iCalendar, como:vevent
Os nomes de atributos e subatributos diferenciam maiúsculas de minúsculas
O atributo “root” não pode ser combinado com outros atributos. Por exemplo, <div class=vevent summary"> é inválido.
| <dl class="vevent"> <dt>Minha agenda pessoal:</dt> <dd> <a href=" http://sports.163.com " class="summary"> <span class="category">Natação</span></a></dd> <dt>Tempo de atividade:</dt> <dd><abbr class="dtstart" title="2009-05-19T18:00:00">05-19</abbr>–<abbr class="dtend" title="2009-06-19T18:00: 00″>19/06</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">Desenvolvimento front-end</span> <span class="locality "> Guangzhou</span> <span class="org">UED163</span> <a href=" mailto:[email protected] " class="email"> [email protected]</a></ dd> </dl> <div class="minhatag"> <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"> cromo</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"> Direitos autorais: UED163</a></div> |
A demonstração acima é relativamente básica e fácil de entender, então tente aplicá-la.
Descrição do atributo do evento:
resumo das informações resumidas do evento
categoria tipo de evento
URL link do evento
dtstart A hora/data de início do evento, que aciona o evento
duração A duração do evento
definição de informações de data/hora de duração:
P2Y = dura 2 anos
P10D = dura 10 dias
P3H = Dura 3 horas
P2W = dura 2 semanas
P8DT8H8M = dura 12 dias, 8 horas e 8 minutos
informações de contato do vcard:
valor do atributo do nome da tabela fn
valor do atributo de email da tabela de e-mail
descrição do atributo reg
Minha tag: reg="tag"
Descrição do atributo rel do direito de uso de direitos autorais: rel="license"
O código acima produz o seguinte efeito:
Detectar plug-ins de microformatos (atualmente apenas Firefox e Safari):
firefox: Operador, Exportação de Tails
Safari:Microformatos Safari
Referência de microformatos:
http://www.ablognotlimited.com/articles/getting-semantic-with-microformats-part-4-hcalendar/
http://microformats.org/
Extensão de microformatos do Dreamweaver
http://www.Webstandards.org/action/dwtf/microformats/
Texto original: http://www.ued163.com/?p=459