html5 aside标签有什么用?html5 aside标签的使用总结(附实例)


本文摘自PHP中文网,作者寻∝梦,侵删。

本篇文章主要的为大家介绍了关于HTML5中的aside标签,介绍了标签的作用和使用的方法实例说明,aside标签作为文章的侧栏,其作用还是挺大的,当然还有在网站制作时比较常用的两种方法实例。

推荐手册:HTML5最新版参考手册

好了,下面就让我们一起来看看这篇文章吧

首先我们来看看这html5 aside标签的意思:

<aside> 标签定义其所处内容之外的内容。

aside 的内容应该与附近的内容相关。

html5 aside标签的作用:

<aside>的内容可用作文章的侧栏

<aside>标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。(这里是PHP中文网)

1

2

3

4

5

<p>大家好,这里是PHP中文网.网址是www.php.cn</p>

<aside>

  <h4>编程教程</h4>

  这里有很多的优质的课程等你来学习

</aside>

效果就是下面这张图:

tusan.png

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

aside元素在网站制作中主要有以下两种使用方法

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

1

2

3

4

5

<article>

  <h1>PHP中文网</h1>

  <p>欢迎访问www.php.cn</p>

  <aside>这里是PHP中文网</aside>

</article>

先看看效果:

阅读剩余部分

相关阅读 >>

html的输入框需要怎么优化

border在html中是什么意思

h5实现放大镜效果的代码

html如何使用title属性让鼠标悬停来显示文字

html中 table鼠标拖拽排序功能的实现

html文件怎么创建

html5与html区别是什么

怎样将html里面嵌入css和图片

html怎么设置超链接颜色

html调用js方法有哪些

更多相关阅读请进入《aside》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...