HTML5 提供的新语义元素定义了网页的不一样部分(此时style样式表内使用语义元素加{}来定义样式)ide
HTML5 语义元素布局
header | 定义文档或节的页眉 |
nav | 定义导航连接的容器 |
section | 定义文档中的节 |
article | 定义独立的自包含文章 |
aside | 定义内容以外的内容(好比侧栏) |
footer | 定义文档或节的页脚 |
details | 定义额外的细节 |
summary | 定义 details 元素的标题 |
这个例子使用 <header>, <nav>, <section>, 以及 <footer> 来建立多列布局:网站
在HTML4.0版本中 可以使用区块元素配合id属性达到一样目的(此时style样式表里使用与id搭配的“#语义元素 加{}“)spa
能够使用folate浮动布局来分割横向并排的块元素文档
例子io
<div id="header">table
内容。。。。class
</div>容器