页面布局一般采用div+css模式。
1.每拿到一张图,首先是它的logo,习惯性地用a标签去套它所在的img。
因为logo一般都是能点的动的。完后左浮动。一般最外层用h1嵌套。
2.右上角菜单来,用div嵌套a,右浮动div即可。
3.导航栏视情况而定,有下拉框的可用dl(自定义标签去实现),里面套a浮动。
没有下拉框的一般用div套a,浮动不浮动都可以。
4.滚动图即页面大图一般选用img,因为这个可能公司会经常更新这个大图。
5.内容部分:
如果存在左边图片,右边文字说明,dl标签最为优选。dt放图片然后左浮动,dd写文字说明然后右浮动。
如果存在很多文字排列整齐地好几列,那ul或ol最为优选。
页面中的一些小图标一般都用背景图来实现,因为img中的href属性会对服务器造成请求压力。
6.尾部部分:
如果存在一横行可点的文字并用“|”隔开,即可用div嵌套a和span或i,em等等,这些标签都挺好用的。下一行的网页说明可用span标签去实现。
如果存在一边是可点的,另一边是网页说明,那最简单的是两边各用一个div,完后左右浮动。当然可点部分如果是列表形式的,那可选用ul或ol,dl去实现。
注意:
随着前端技术的成熟,table标签越来越难以前行,所以在以后的页面布局中尽量不要使用table,除非到那种非用它不可的地步。