HTML5网页制作教程:HTML5块级链接_html/css_WEB-ITnose

网页制作Webjx文章简介：Web 标准中处处充满了打脸行为，这条规则现在已经失效了！在那篇文章发布一个月后，HTML5doctor 发表了 “Block-level” links in HTML5，引述一下，就是原先你要这么写.

 

英文叫做 “Block-level” links，我以为只有我厂那些鸟毛不知道，没想到不知道的还挺多，需要普及一下。

很遗憾，Web 标准中处处充满了打脸行为，这条规则现在已经失效了！在那篇文章发布一个月后，HTML5doctor 发表了 “Block-level” links in HTML5，引述一下，就是原先你要这么写：

 

Bruce Lawson voted sexiest man on Earth

 

A congress representing all the planet's women unanimously voted Bruce Lawson as sexiest man alive.

 

Read more

 

现在 HTML5 中可以这么写

 
 

Bruce Lawson voted sexiest man on Earth

 

A congress representing all the planet's women unanimously voted Bruce Lawson as sexiest man alive.

 

Read more

 
 

从无障碍角度考虑仅仅增加了图片的 alt 描述文字（为读屏用户提供更详细的信息），而不需人为的制造辣么多个“冗余”的 a！HTML5 的思想中的一条就是务实，用现在的话说就是接地气，嗯哼~

虽然这种写法不向前兼容，但经过 HTML5 doctor 的测试表明，主流浏览器都支持，也就是说：

你和你的小伙伴们现在就可以在项目中使用啦！
为了兼容 IE6/7 的手型 bug，需要在 reset.css 中加入诸如这样的css代码：

1 a div, a h3, a p, ...{#cursor:hand}