首先我们来看看这html5 aside标签的意思:
<aside> 标签定义其所处内容之外的内容。
aside 的内容应该与附近的内容相关。
html5 aside标签的作用:
<aside>的内容可用作文章的侧栏
<aside>标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。(这里是PHP中文网)
<p>大家好,这里是PHP中文网.网址是www.php.cn</p> <aside> <h4>编程教程</h4> 这里有很多的优质的课程等你来学习 </aside>
效果就是下面这张图:
HTML5中aside标签的两种使用方法:
aside元素在网站制作中主要有以下两种使用方法
1.被包含在article元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的相关资料、名次解释,等等。
<article> <h1>PHP中文网</h1> <p>欢迎访问www.php.cn</p> <aside>这里是PHP中文网</aside> </article>
先看看效果:
2.在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏,其中的内容可以使友情链接,博客中的其它文章列表、广告单元等。
<aside> <h2>这还是PHP中文网</h2> <ul> <li>一个学编程必备的网站</li> <li>一个很活跃的网站</li> </ul> <h2>PHP中文网</h2> <ul> <li>欢迎你的到来</li> <li>想学什么编程都可以来</li> </ul> </aside>
最后看看效果:
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理