DIV适用场合及其他常用布局标签

在学习网页布局的过程中,你可能会遇到DIV的使用问题,这里和大家分享一下DIV的适用场合,相信本文介绍一定会让你有所收获。

创新互联公司是一家集网站建设,普宁企业网站建设,普宁品牌网站建设,网站定制,普宁网站建设报价,网络营销,网络优化,普宁网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

什么时候应该用DIV?

  虽然在这方面没有什么硬性的规定,但个人认为DIV更适用于大体框架的定位。例如我们要定义一块头部的区域,一般会这样定义一个DIV:

  这里就是头部框架里要写的内容

  当然,可以用class来定义,但一般来讲如不是在同一页面会重复的元素,用id能更好的区别开来.

  查看如下定义代码
  

 
 
 
  1.  
  2.    
  3.   Articles
  4.  
  5.    
  6.   Topics
  7.  
  8.    
  9.   About
  10.  
  11.    
  12.   Contact
  13.  
  14.    
  15.   Contribute
  16.  
  17.    
  18.   Feed
  19.  
  20.    
  21.    
  22.    
  23.    
  24.    

  No.214
  定义了最上面的导航(ul部分),左边的大logo和那个圆圆的No.xxxx的标记.
  他没有使用DIV来做顶部的框架,但却很好的说明了这些代码的用途,为什么?因为他活用了HTML提供的标签,以及样式名称的定义
  
其它最常用的布局标签

  h1
  这个标签或许真正会去用的人很少,因为它显示的字体真的是太"大"了,但我们是CSSer,有什么标签样式不能改呢?而且它所能表达的意思就如同它原先的作用一样明显(大标题)我想你已经知道怎么去用它了^_^

  ul
  这个标签很多情况是用来定义导航部分的,当然也可以用ol来代替,但导航连接没有什么顺序之分吧,所以还是用ul来的比较确切(去掉CSS后效果更明显)

  b
  这个已经不再推荐使用的标签,在布局上却能带来不少的方便(因为短),虽然我不是太赞成使用这个标签,但有些时候(比如细小地方的布局定义)还是不错的选择

  h2
  h2使用最多的地方应该不是布局上,而是副标题,但有些地方需要定义栏目样式的话,用这个标签比较合适,栏目内容就使用p

当前题目:DIV适用场合及其他常用布局标签
浏览路径:http://www.mswzjz.cn/qtweb/news41/35041.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能,是专注品牌与效果的网络营销公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 贝锐智能