使用<div>元素的HTML布局

注释:<div>元素常用作布局工具,因为能够轻松地通过CSS 对其进行定位.

这个例子使用四个<div>元素来创建多列布局:

实例

使用 HTML5 的网站布局

HTML5 提供的新语义元素定义了网页的不同部分：

HTML5 语义元素

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

---

使用表格的HTML布局

注解: 

<table>元素不是作为布局工具而设计的.

<table>元素的作用是显示表格化的数据

使用<table>元素能够取得布局效果,因为能够CSS设置表格元素的样式:

实例: