本节书摘来自异步社区《HTML5 开发实例大全》一书中的第1章,第1.3节,作者: 张明星 更多章节内容可以访问云栖社区“异步社区”公众号查看。
实例说明
本实例的目的是编写一段基本的HTML 5程序,将页面内容实现分栏显示。分栏功能是页面布局的基础,本实例将页面分为上、下、中3个部分。在大多数情况下,设计师们通常对这3部分进行如下规划。
上部分:显示导航。
中部分:又分成两个部分,其中左边设置菜单;右边显示文本内容。
下部分:显示页面版权信息。
本实例还有另外一个目的,让读者体会传统HTML标记元素和全新HTML 5标记元素的关系。
具体实现
使用Dreamweaver创建一个名为“003.html”的文件,具体代码如下所示:
页面结构
导航部分
内容部分