HTML5中的aside标签怎么用?HTML5aside侧边栏的具体使用方法你知道吗?
程序员文章站
2022-04-01 17:22:01
...
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> <h4>Online programming</h4> 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> <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中的aside标签怎么用?HTML5aside侧边栏的具体使用方法你知道吗?的详细内容,更多请关注其它相关文章!