HTML5网页制作教程:HTML5块级链接_html/css_WEB-ITnose
程序员文章站
2022-04-30 15:47:59
...
网页制作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.
现在 HTML5 中可以这么写
从无障碍角度考虑仅仅增加了图片的 alt 描述文字(为读屏用户提供更详细的信息),而不需人为的制造辣么多个“冗余”的 a!HTML5 的思想中的一条就是务实,用现在的话说就是接地气,嗯哼~
虽然这种写法不向前兼容,但经过 HTML5 doctor 的测试表明,主流浏览器都支持,也就是说:
你和你的小伙伴们现在就可以在项目中使用啦!
为了兼容 IE6/7 的手型 bug,需要在 reset.css 中加入诸如这样的css代码:
1 a div, a h3, a p, ...{#cursor:hand}
推荐阅读
-
10个优秀的 HTML5 & CSS3 下拉菜单制作教程_html/css_WEB-ITnose
-
用HTML5.0制作网页的教程_html5教程技巧
-
HTML5网页制作教程:HTML5块级链接_html/css_WEB-ITnose
-
10个优秀的 HTML5 & CSS3 下拉菜单制作教程_html/css_WEB-ITnose
-
HTML5网页制作教程:HTML5块级链接_html/css_WEB-ITnose
-
HTML5块级元素_html/css_WEB-ITnose
-
用HTML5.0制作网页的教程_html5教程技巧
-
2014年圣诞节倒计时网页的制作过程_html5教程技巧
-
2014年圣诞节倒计时网页的制作过程_html5教程技巧
-
HTML5块级元素_html/css_WEB-ITnose