article元素

article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。

它可以使一篇博客或者报刊中的文章,一篇论坛帖子、一段用户评论或独立的插件,或其他任何独立的内容。

article元素是可以嵌套使用的。(内层的article原则上要与外层的article内容相关联)

article元素可以用来表示插件。(使插件看起来像是页面中一样)

举个例子:

<article>
<header>
<h1>标题</h1>
<p>这是头部</p>
</header>
<p>Hello</p>
<footer>
<p>这是底部</p>
</footer>
</article>

aside元素

aside元素用来表示当前页面或文章的附属信息部分,它可以包含于当前页面或主要内容相关的引用、侧边栏、广告、导航条,以及其他类似的有区别于主要内容的部分。

  1. 包含在article中,作为主要部分的附属信息

nav元素

nav元素是一个可以用作页面导航的连接组,其中的导航元素链接到其他页面或当前页面的其他部分。

并不是所有的连接组都要被放进nav元素,只需要将主要的、基本的连接组放进nav元素即可。

nav的应用场景:

  • 传统导航条
  • 侧边栏导航
  • 页内导航
  • 翻页操作

section元素

section元素用于对网站或应用程序中页面上的内容进行分块。

一个section元素通常由内容及其标题组成。

但section元素并非一个普通的容器元素;当一个容器需要被指定定义样式或通过脚本定义行为时,推荐使用div而非section元素。

通常不推荐内有标题内容使用section元素

不要与article元素混淆

最新文章

  1. phpmyadmin连接,管理多个mysql服务器
  2. JNI开发示例
  3. GitHub windows客户端拉代码和提交代码
  4. Android IllegalStateException: The specified child already has a parent问题解决办法
  5. spark高级排序彻底解秘
  6. web api简单验证实现办法
  7. swith
  8. hdu1754(splay)
  9. Go数组、切片、映射的原理--简明解析
  10. volitale、synchronized、RetreenLock区别
  11. Python数据可视化编程实战pdf
  12. node.js 从入门到。。。
  13. 【react】利用shouldComponentUpdate钩子函数优化react性能以及引入immutable库的必要性
  14. request.setCharacterEncoding()、response.setCharacterEncoding()的区别
  15. 服务端如何安全获取客户端请求IP地址
  16. 219. 存在重复元素 II
  17. 解决360WiFi有时候手机连接不上
  18. 【树莓派】使用VNC进行远程控制
  19. JAXB XML到java object的转换
  20. js如何将时间戳转换为标准时间

热门文章

  1. 一篇文章了解JsBridge
  2. Go_random
  3. 搭建分布式hadoop环境的前期准备---需要检查的几个点
  4. PAT 1013 Battle Over Cities (dfs求连通分量)
  5. appium 无法通过工具定位webview页面元素的问题
  6. eclipse链接mySQL数据库常见错误
  7. 7,请描述下cookies,sessionStorage和localStorage的区别
  8. 基于G6画个xmind出来
  9. ASP.NET Core搭建多层网站架构【12-xUnit单元测试之集成测试】
  10. 「JSOI2013」游戏中的学问