HTML结构化：实践DIV＋CSS网页布局入门指南 [网页设计理念] IT部落iTbulo.com

用户名：密码：

免费注册忘记密码？

网站地图 | 加入收藏 | 设为首页

首页 | 新闻 | 工具 | 系统 | 办公 | 聊天 | 多媒体 | 网页 | 运营 | 平面 | 欣赏 | 数据库 | 程序 | 服务器 | 组网

iTbulo.com > 学院 > 网页设计教程 > 网页设计理念 > 文章正文

HTML结构化：实践DIV＋CSS网页布局入门指南

iTbulo.COM 2006-4-1 佚名()

　　如果你坐下来仔细分析和规划你的页面结构，你可能得到类似这样的几块：

　　标志和站点名称
　　主页面内容
　　站点导航(主菜单)
　　子菜单
　　搜索框
　　功能区(例如购物车、收银台)
　　页脚(版权和有关法律声明)

　　我们通常采用DIV元素来将这些结构定义出来，类似这样：

　　＜div id="header"＞＜/div＞

　　＜div id="content"＞＜/div＞

　　＜div id="globalnav"＞＜/div＞

　　＜div id="subnav"＞＜/div＞

　　＜div id="search"＞＜/div＞

　　＜div id="shop"＞＜/div＞

　　＜div id="footer"＞＜/div＞

　　这不是布局，是结构。这是一个对内容块的语义说明。当你理解了你的结构，就可以加对应的ID在DIV上。DIV容器中可以包含任何内容块，也可以嵌套另一个DIV。内容块可以包含任意的HTML元素---标题、段落、图片、表格、列表等等。

上一页 [1] [2] [3] [4] [5] [6] 下一页

文章搜索

相关资讯

相关文章	相关下载
网页全屏还有妙招共享的宽带有人用BT下载的解决方案网页中插入透明Flash的方法和技巧创建优秀网页和优秀网站的6个好习惯全面认识网页中附加码的作用

焦点信息

· 比ACDSee更强更好用 Picasa中文版

· 历史上最强的浏览器：Firefox简体中文版下载

· 无线局域网常见故障及其解决办法五例

· DIV+CSS学习之margin缩进法

· 总结知识：FLASH常用语法

· Photoshop中参考线/标尺的应用技巧