javascript - DIV 等效 HTML5

Question

我正在尝试重做我在上一个问题中发布的链接的教程，以包含尽可能多的 HTML5 和 CSS3 代码。我在一些在线文章中读到，在 HTML5 中，他们试图摆脱 Div 标签的想法，而是插入称为“节”的东西。这是正确的观察吗？例如，我有上面教程中的这部分代码。 https://skitch.com/android86/r67ey/dreamweaver我有兴趣知道我是否应该在 HTML5 代码中使用 div 标签，或者是否有比使用 Div 更好的方法来做到这一点？我目前的 HTML5 代码如下。 https://skitch.com/android86/r67ej/dreamweaver感谢小组的宝贵意见。

Answer 1

悬停时在内容上滑动链接(使用 display: block)的概念证明，仅使用 CSS3 过渡。
注意:这是仅适用于 webkit(safari 和 chrome)的语法，其他浏览器的语法请参见:http://css3.bradshawenterprises.com/transitions/
一个简单的元素，具有以下样式:

a {
    z-index: 100;
    position: fixed;
    -webkit-transition: all 1s ease-in-out;
    display: block;
    background-color: black;
    width: 100%;
    height: 500px; }  

和悬停状态样式:

a:hover { height: 700px; }