css - 关于html页面结构设计思路

问题描述

问 题

本人是做php后台已经两年多，目前经常接触到前段方面的东西，对于html基本标签使用也了解一些，但是有些疑惑的地方是: 页面整体结构应该怎么考虑设计，比如什么时候需要用<div> 什么时候用<span> <li> <ul>。

假如有了设计图，第一步应该考虑什么，结构怎么来划分。 求前段的朋友简单介绍下设计思路。

解决方案

通常规划页面结构，我们可能都能得到类似这样的模块：
　　标志和站点名称
　　主页面内容
　　站点导航(主菜单)
　　子菜单
　　搜索框
　　功能区(例如购物车、收银台)
　　页脚(版权和有关法律声明)
　　我们通常采用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＞
模块的架子有了后，再在具体的模块里用<span> <li> <ul>等细微的结构来创建局部的结构，当然也可以用<div>套<div>，关键还是最终要能实现你的最终效果图！这是我个人的经验，仅供参考！

这篇关于css - 关于html页面结构设计思路的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！