HTML区块元素与网页布局

使用 HTML5 的网站布局

HTML5 提供的新语义元素定义了网页的不同部分（此时style样式表内使用语义元素加{}来定义样式）

HTML5 语义元素

header	定义文档或节的页眉
nav	定义导航链接的容器
section	定义文档中的节
article	定义独立的自包含文章
aside	定义内容之外的内容（比如侧栏）
footer	定义文档或节的页脚
details	定义额外的细节
summary	定义 details 元素的标题

这个例子使用 <header>, <nav>, <section>, 以及 <footer> 来创建多列布局：

在HTML4.0版本中 可使用区块元素配合id属性达到同样目的（此时style样式表里使用与id搭配的“#语义元素 加{}“）

可以使用folate浮动布局来分割横向并排的块元素

例子

<div id="header">

内容。。。。

</div>

转载于:https://www.cnblogs.com/kylin-zhang/p/6089511.html