要想让你的网站更好看,布局非常重要.要非常细心的设计你网页布局,本篇文章重点为大家讲解一下HTML 布局
使用
元素的 HTML 布局
注释:
元素常用作布局工具,因为能够轻松地通过 CSS 对其进行定位。
这个例子使用了四个
元素来创建多列布局:
实例
"header">
City Gallery
"nav">
London
Paris
Tokyo
"section">
London
London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.
"footer">
Copyright W3School.com.cn
CSS:
使用 HTML5 的网站布局
HTML5 提供的新语义元素定义了网页的不同部分:
HTML5 语义元素
header | 定义文档或节的页眉 |
---|---|
nav | 定义导航链接的容器 |
section | 定义文档中的节 |
article | 定义独立的自包含文章 |
aside | 定义内容之外的内容(比如侧栏) |
footer | 定义文档或节的页脚 |
details | 定义额外的细节 |
summary | 定义 details 元素的标题 |
这个例子使用