Bootstrap

HTML5结构元素总结

HTML5结构元素:

HTML 5中新增了section、article、nav、aside、header和footer等结构元素。运用这些结构元素,可以让网页的整体布局更加直观和明确、更富有语义化。

nav

nav元素表示页面中导航链接的部分。描绘一个含有多个超链接的区域,这个区域包含转到其他页面,或者页面内部其他部分的链接列表。并不是所有的连接组都要被放进nav元素,只需要将主要的、基本的链接组放进nav元素即可。

HTML 5中代码用法:

<nav></nav>

HTML 5中代码示例:

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav> 

header

header元素表示页面中一个内容区块或整个页面的标题。它是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块标题,但也可以包含其他内容,如数据表格、搜索表单或相关的logo图片。

HTML 5中代码用法:

<header>...</header>

HTML 5中代码示例:

;