几年前,用于网页布局一般都用div元素,但语义化并不好。HTML5引入了大量新的块级元素来帮助提升网页的语义,使页面具有逻辑性结构、容易维护,并且对数据挖掘服务更友好。本文将详细介绍HTML5结构元素
概述
结构元素,又称为区块型元素,是用来定义区块内容范围的元素。之前,区块型元素只有
一个,HTML5新增了7个语义化结构元素,包括
<article>
、
<aside>
、
<nav>
、
<section>
、
<header>
、
<footer>
、
<main>
section
Section元素(<section>
)表示文档中的一个区域(或节),是区块级通用元素。比如,内容中的一个专题组,一般来说会有包含一个标题(heading)。一般通过是否包含一个标题(<h1>-<h6> element
)作为子节点,来辨识每一个<section>
注意:如果元素内容可以分为几个部分的话,应该使用<article>
而不是<section>
;再有,不要把
<div>
的用法。 一般来说,一个