使用<div>元素的HTML布局
注释:<div>元素常用作布局工具,因为能够轻松地通过CSS 对其进行定位.
这个例子使用四个<div>元素来创建多列布局:
实例
使用 HTML5 的网站布局
HTML5 提供的新语义元素定义了网页的不同部分:
HTML5 语义元素
这个例子使用<header>,<nav>,<section>,以及<footer>来创建多列布局:
使用表格的HTML布局
注解:
<table>元素不是作为布局工具而设计的.
<table>元素的作用是显示表格化的数据
使用<table>元素能够取得布局效果,因为能够CSS设置表格元素的样式:
实例: