The aside tag(aside元素的标签)html5的一些知识点!

一旁的元素是新的HTML5和它可以用在两个不同的上下文。基本上,上下文的<aside>元素是基于是否内部或外部文章元素。

你经常在杂志看到信息框脱离文章的实际内容,突出某种相关性文章如引文和当这是你的范围除了元素然后它必须被放置在文章元素,因为它有一个关系到文章的内容。

内容与当前文章、博客等。

下面是一个示例<aside>元素被使用在<article>元素。

<article>
        <header>
                <h1>All About Flour<h1>
                <p class="byline">by Jane Doe</p> 
        </header>
        <section>
                <h2>The Two Types of Wheat</h2>
                <p>There … to rise.</p>
                <p>Where … with less protein.</p>
        </section>
        <aside>
                If you use organic flour you very often get better bread
        </aside>
</article>

内容与你的页面作为一个整体

一旁的元素也可以用来标记的内容是有关你的页面作为一个整体——包含通常,额外的导航,即使补充说,当这是你的范围<aside>元素必须的外边的文章部分。这里是一个例子:

<aside>
        <h3>Foodblogs I like</h3>
        <a href="http://www.cnblogs.com">cnblog</a>
</aside>
<article>
        <header>
                <h1>All About Flour<h1>
                <p class="byline">by Jane Doe</p> 
        </header>
        <section>
                <h2>The Two Types of Wheat</h2>
                <p>There … to rise.</p>
                <p>Where … with less protein.</p>
        </section>
</article>

你是否使用一边元素前或后使用,你需要记住,一边元素是次要内容无论视觉设计的内容。这也意味着一边元素应该用于例如pullquotes作为他们的一部分的内容——你不应该使用引用元素。

你已经学会了

除了可以使用的元素内部或外部文章元素

当用在一旁的内容元素必须相关的文章内容

如果你能删除内容的<aside>元素和文章的内容,它是相关的,变得不完整,那么你不应该使用<aside>元素

当使用本文元素以外的内容必须和你整个web页面相关

一旁的元素是一个块级元素

你可以使用两块级元素(如标题,<h1>-<h6>)和内联元素(如强调,<em>)内的<aside>元素

posted @ 2013-09-27 18:45  lingjunjies编程点滴  阅读(352)  评论(0)    收藏  举报
我喜欢的博客:健长乐有用吗?分享健长乐经验!