Artigo Introdução de wulin.com (www.vevb.com): Os padrões da Web estão cheios de tapa na cara, e essa regra expirou! Um mês após a publicação do artigo, o HTML5Doctor publicou links de "nível de bloco" no HTML5. Para citar, era o que você originalmente queria escrever.
É chamado de links no nível do bloco em inglês. Eu pensei que apenas as penas de pássaros na minha fábrica não sabiam, mas não esperava que houvesse muitas pessoas que não conheciam e precisavam ser popularizadas.
Infelizmente, os padrões da Web estão cheios de tapa na cara, e essa regra expirou! Um mês após a publicação do artigo, o HTML5Doctor publicou links de nível de bloco no HTML5. Deixe -me citar, foi originalmente escrito assim:
<div class = story>
<H3> <a href = story1.html> Bruce Lawson votou o homem mais sexy do mundo </a> </h3>
<p> <a href = story1.html> <img src = bruce.jpg alt = história completa. /> Um congresso representando todas as mulheres do planeta votaram por unanimidade Bruce Lawson como homem mais sexy vivo. </a> </p>
<p> <a href = story1.html> Leia mais </a> </p>
</div>
Agora é isso que você pode escrever em html5
<Artigo>
<a href = story1.html>
<H3> Bruce Lawson votou o homem mais sexy do mundo </h3>
<p> <img src = Bruce.jpg alt = lindo lovebundle. > Um congresso representando todas as mulheres do planeta votou por unanimidade Bruce Lawson como homem mais sexy. </p>
<p> Leia mais </p>
</a>
</artigo>
Do ponto de vista da acessibilidade, apenas o texto da descrição da imagem é adicionado (fornecendo informações mais detalhadas para os leitores de tela), sem criar artificialmente muitos A Redundant A! Uma das idéias do HTML5 é o pragmatismo e, nos termos de hoje, é realista, um ~
Embora este método de escrita não seja compatível com a frente, os testes do HTML5 Doctor mostra que os navegadores principais o sustentam, ou seja:
Você e seus amigos agora podem usá -lo no projeto!
Para ser compatível com os bugs do tipo IE6/7, você precisa adicionar código como este no reset.css:
1 A Div, A H3, AP, ... {#Cursor: Hand}