Bootstrap

HTML5结构元素

几年前,用于网页布局一般都用div元素,但语义化并不好。HTML5引入了大量新的块级元素来帮助提升网页的语义,使页面具有逻辑性结构、容易维护,并且对数据挖掘服务更友好。本文将详细介绍HTML5结构元素

概述

结构元素,又称为区块型元素,是用来定义区块内容范围的元素。之前,区块型元素只有

一个,HTML5新增了7个语义化结构元素,包括 <article><aside><nav><section><header><footer><main>

section

Section元素(<section>)表示文档中的一个区域(或节),是区块级通用元素。比如,内容中的一个专题组,一般来说会有包含一个标题(heading)。一般通过是否包含一个标题(<h1>-<h6> element)作为子节点,来辨识每一个<section>

注意:如果元素内容可以分为几个部分的话,应该使用<article>而不是<section>;再有,不要把

元素作为一个普通的容器来使用,这是本应该是 <div>的用法。 一般来说,一个
;