HTML5中aside标签的使用方法

这篇文章给大家分享的是有关HTML5中aside标签的使用方法的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

                                                           HTML5中的aside标签怎么用？HTML5aside侧边栏的具体使用方法你知道吗？本篇文章主要讲解了HTML5中的aside标签的定义和用法，还有HTML5中aside元素的详解和注意事项。

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

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

这有实例：

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

HTML5中<aside>元素的详解：

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

<aside>元素使用注意事项：

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

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

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

<article>
  <h2>…</h2>
  <p>…</p>
  <aside>…</aside>
</article>

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

<aside>
  <h3>…</h3>
  <ul>
    <li>…</li>
    <li>…</li>
  </ul>
  <h3>…</h3>
  <ul>
    <li>…</li>
    <li>…</li>
  </ul>
</aside>

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

感谢各位的阅读！关于HTML5中aside标签的使用方法就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！