使用html5创建旁边菜单的方法

时间:2014-04-03 12:14:10

标签: html css html5

首先,看看这个小提琴:http://jsfiddle.net/Uuyp8/5/

我需要在<aside>块中的下一个图像中创建块状块。

block

不要注意俄语单词。这不是问题。

我可以使用下一个html结构创建这样的块:

<aside>
    <div class='block'>
        <div class='header'><h1>Lorem block 2</h1></div>
        <div class='content'>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ullamcorper posuere pretium. Mauris vitae pharetra nisl.
            </p>
        </div>
    </div>

    <div class='block'>
        <div class='header'><h1>Lorem block 1</h1></div>
        <div class='content'>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ullamcorper posuere pretium. Mauris vitae pharetra nisl.
            </p>
        </div>
    </div>
</aside>

问题:

1)是否可以使用<aside><section>这样的新html5代码与我的示例中的<div>代码块一起使用?

2)我怎样才能用html5标签创建这样的块?

3)我是否只需要使用html5标签,或者使用html5标签和旧的div是正常的做法?

1 个答案:

答案 0 :(得分:1)

Divs不是“老”。他们仍然拥有像<span>和其他许多人那样的地方。

请参阅here

引用:

  

“对不起,你能再说一次吗?”,我听到你问。当然:你仍然可以使用<div>!尽管HTML5为我们带来了<article><section><aside>等新元素,但<div>元素仍然占有一席之地。让HTML5 Doctor告诉你原因。

因此,您不必在网页上禁止它们,您仍然应该像使用它们一样使用它们。