4月19日,欢迎您访问【网建定制开发专业品牌】湖南鼎誉网络科技! 网站建设 | 网络推广 | 鼎誉博主 | 四网同步 | 微信营销 | 收藏本站 |

我们专注于:长沙网站制作,长沙网站建设,长沙营销型网站,长沙网络推广,长沙建网站

营销型网站策划_类型的网站_网站案例:鼎誉网络三大业务,四大平台,为更多企业建立网络营销生态系统! 营销型网站策划_类型的网站_网站案例:网站建设、网络推广、互联网基础服务请联系鼎誉商务人员! 营销型网站策划_类型的网站_网站案例:鼎誉客户网站售后服务专区,塑源式售后服务系统请点击进入!
鼎誉E站通平台登陆 用户名: 密码: 验证码: 进入鼎誉推广助手系统     长沙网络公司 长沙微博营销
企业网站建设,需要我们,我想做网站_鼎誉网络_湖南网络推广,湖南8年专业的营销型网站建设制作公司!
商务合作101号 鼎誉商务102号
鼎誉商务103号 商务合作104号
网站报价
联系我们

您现在的位置:首页 > 网站建设 > 网站知识学习 > 文章正文  

是DIV+CSS 网页重构

对鼎誉排名感兴趣?请将此文分享到: QQ空间 新浪微博 腾讯微博 人人网

文章作者:鼎誉网科 发布时间:2010/11/23 浏览次数:6457 『打印此页』『收藏此页

  HTML语言自HTML4.01以来,不再发布新版本,原因就在于HTML语言正变得越来越复杂化、专用化。即标记越来越多,甚至各个浏览器生产商也开发出只适合于其特定浏览器的HTML标记,这显然有碍于HTML网页的兼容性。于是W3C组织进而重新从SGML中获取营养,随后,发布了XML,XML是一种比HTML更加严格的标记语言,全称是可扩展标记语言(EXtensible Markup Language)。但是XML过于复杂,且当前的大部分浏览器都不完全支持XML。于是XHTML这种语言就派上了用场,XHTML语言就是一种可以将HTML语言标准化,用XHTML语言重写后的HTML页面可以应用许多XML应用技术。使得网页更加容易扩展,适合自动数据交换,并且更加规整。

   DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。

  说了这么多,现在该说正题了——CSS。其实CSS单独使用除了麻烦一点之外,我个人觉得并无明显的优于HTML的好处。而关键就在于其与脚本语言(如Javascript)及XML技术的融合,即CSS+Javascript+XML(实际上有一种更好的融合:XML+XSL+Javascript)——但XSL,即可扩展样式表语言相较于CSS过于复杂,不太容易上手。自从CSS出现之后,HTML终于摆脱了杂乱无章的恶梦,开始将页面内容与样式分离。说了这么多,其实,个中真谛,还得使用过后才知道,所以,现在就开始学习使用吧。
  DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。
  在可以预计的将来,table的地位依然十分重要,于是,如google之流依然会生意兴隆。但是div代表的是网络世界发展的方向。它们一个简单,一个先进,萝卜白菜,您选什么都是有可取之处的.我们都会按您的要求认真服务的!
  div是html(超文本语言)中的一个元素,div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的table布局,真正地达到了w3c内容与表现相分离.
  div 是标签 css是层叠样式表
  DIV+CSS高级布局已逐渐流行,但面对所谓DIV+CSS布局的叫法让人更为担心,不要让DIV成为Table的替代品,多层嵌套的DIV会严重影响代码的可阅读性,活用HTML为我们提供的标签吧。
  什么时候应该用DIV?
  虽然在这方面没有什么硬性的规定,但个人认为DIV更适用于大体框架的定位.例如我们要定义一块头部的区域,一般会这样定义一个DIV:
  这里就是头部框架里要写的内容
  当然,可以用class来定义,但一般来讲如不是在同一页面会重复的元素,用id能更好的区别开来.
  查看如下定义代码
  <ul id="navbar">
  <li id="articles">
  Articles</li>
  <li id="topics">
  Topics</li>
  <li id="about">
  About</li>
  <li id="contact">
  Contact</li>
  <li id="contribute">
  Contribute</li>
  <li id="feed">
  Feed</li>
  </ul>
  <h1 id="masthead">
  <a href="/">
  <img src="/pix/alalogo.gif" alt="A LIST Apart: For People Who Make Websites" />
  </h1>
  No. 214
  定义了 上面的导航(ul部分),左边的大logo和那个圆圆的No.xxxx的标记.
  他没有使用DIV来做顶部的框架,但却很好的说明了这些代码的用途,为什么?因为他活用了HTML提供的标签,以及样式名称的定义
  其它 常用的布局标签

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

  b

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

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

 h1

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

 

上一篇:初学网站布局
 
返回上一页】【到顶层】【关闭此页
3+1四网同步网站建设平台 湖南成交型网站孵化基地 湖南营销型网站策划专家 尚沃网络营销落地顾问商 鼎誉E站通平台研发基地

本站关键词:长沙网站建设|湖南网络营销|长沙网络公司|长沙网站制作|湖南网络公司|长沙营销型网站建设|长沙做网站的公司|长沙网站推广|长沙做网站|服务器维护 托管服务

鼎誉导航:长沙网站制作|长沙网站报价|长沙网站优化|企业做网站|长沙建网站|长沙做网页|鼎誉鼎誉E站通|长沙网络公司|长沙网站营销|长沙网络营销|长沙网页制作|长沙网络攻关|服务器托管

欢迎下载鼎誉移动互联网客户端apk
公司地址:长沙市芙蓉区杨家山天心丽城7栋4-5楼(开发/推广) 合作热线:0731-85419657 全国咨询热线:400-0731-269 湘公安备 43010202000135号
2009 Power 湘ICP备11011648号-1 湖南鼎誉网络科技有限公司常年法律顾问 北京盈科(长沙)律师事务所尹吉兮律师  DYWLKJ.COM  网站5星安全认证
Baidu   
湖南营销型网站首选鼎誉!