HTML5中的aside标签怎么用？HTML5aside侧边栏的具体使用方法你知道吗？

html 5 aside> 标签的定义和用法：

aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。

这有实例：

p>
    This summer, I finally came to PHP Chinese net./p>
    aside>
    h4>
    Online PRogramming/h4>
    PHP Chinese network is a great platform for online learning programming in China./aside>
    

HTML5中aside> 元素的详解：

HTMLaside> 元素表示一个页面的一部分， 它的内容跟这个页面的其它内容的关联性不强，或者是没有关联，单独存在。aside> 元素通常显示成侧边栏(sidebar)或一些插入补充内容。通常用来在侧边栏显示一些定义，比如目录、索引、术语表等；也可以用来显示相关的广告宣传，作者的介绍，Web应用，相关链接，当前页内容简介等。

aside> 元素使用注意事项：

不要使用aside> 元素标记括号中的文字，因为这种类型的文本被认为是主内容的一部分。

HTML5中aside标签的两种使用方法：

1.被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、名次解释，等等。

article>
      h1>
    …/h1>
      p>
    …/p>
      aside>
    …/aside>
    /article>
    

2.在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏，其中的内容可以使友情链接，博客中的其它文章列表、广告单元等。

aside>
      h2>
    …/h2>
      ul>
        li>
    …/li>
        li>
    …/li>
      /ul>
      h2>
    …/h2>
      ul>
        li>
    …/li>
        li>
    …/li>
      /ul>
    /aside>
    

提示和注释：

提示：aside> 的内容可用作文章的侧栏。

HTML5中web是什么？web存储中的元素有哪些？

HTML img标签的属性是有哪些？了解IMG标签的用法

以上就是HTML5中的aside标签怎么用？HTML5aside侧边栏的具体使用方法你知道吗？的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！