本文和大家重点讨论一下DIV+CSS网页重构的概念,常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。

什么是DIV+CSS网页重构

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

CSS是英语CascadingStyleSheets(层叠样式表单)的缩写,它是一种用来表现HTML或XML等文件式样的计算机语言。

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

说了这么多,现在该说正题了——CSS。其实CSS单独使用除了麻烦一点之外,我个人觉得并无明显的优于HTML的好处。而关键就在于其与脚本语言(如Javascript)及XML技术的融合,即CSS+Javascript+XML(实际上有一种更好的融合:XML+XSL+Javascript)——但XSL,即可扩展样式表语言相较于CSS过于复杂,不太容易上手。自从DIV+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为我们提供的标签吧。

【编辑推荐】

【责任编辑:程华权 TEL:(010)68476606】

点赞 0

使用div和css重构网站,DIV+CSS网页重构概念详解相关推荐

  1. html怎么添加积分系统,CSS动画实现领积分效果的思路详解

    最近项目中要做一个领积分的效果,根据老板的描述,这个效果类似于支付宝蚂蚁森林里的领取能量.整体效果是就是在树周围飘着几个积分元素,上下滑动,类似星星闪烁,点击领取后,沿着树中心的位置滑动并消失,树上的 ...

  2. php带旋转动画刷新页面,css旋转动画效果的简单实现示例详解

    我们可以通过css来做出动画效果,下面我为大家演示的是p的旋转,颜色过渡的动画 a{ text-align:center; line-height:100px; transition:all 2s; ...

  3. 大型网站架构系列:负载均衡详解(4)

    原文:大型网站架构系列:负载均衡详解(4) 本文是负载均衡详解的第四篇,主要介绍了LVS的三种请求转发模式和八种负载均衡算法,以及Haproxy的特点和负载均衡算法.具体参考文章,详见最后的链接. 三 ...

  4. DedeCMS织梦网站目录创建及后台基本操作详解

    DedeCMS织梦网站是比较流行的自助建站的一种方式,开放性使其具有很大的优势,也成为很多中小型企业及个人站长节省成本的选择.前面小编已经为大家分享了<新手搭建DEDE织梦网站的详细操作流程&g ...

  5. DIV+CSS基础教程:导航条的制作详解

    课程开始:       前三节课,我们知道了什么是"内容块状元素和内联元素",以及XHTML+CSS布局的核心概念"盒子模型",同时又学习了一下页面布局中两种方 ...

  6. 写 CSS 的为什么要叫网页重构?

    很多企业招聘写CSS的人员都写招聘"网页重构工程师",腾讯也有专门的重构组. 这职位大多数的工作就是将设计图利用HTML CSS写成静态页,也就是说实质性的工作是写新的CSS,而不 ...

  7. html %3cstyle%3e 添加css,从网站适应CSS样式到一个Django香脆形式复选框

    我使用的引导,我在里面有一个复选框的Django香脆的形式,在html看起来是这样的:从网站适应CSS样式到一个Django香脆形式复选框 Include some data. 我无法适应以下CSS类 ...

  8. html5边框顶格,CSS 三种定位方式以及格式化上下文详解 》 html5jscss

    常规流( Normal flow ) 之称之为常规流,是因为这是相对于后面的浮动和绝对定位的一个概念,浮动和绝对定位元素都脱离了当前的常规流. 在 CSS2.1中,常规流包括块框( block box ...

  9. 前端工程师实战开发:CSS样式继承、像素与选择器权重详解

    餐厅练习 具体看resource文件夹或者百度 继承 <body><p>我是p元素<span>我是p里面的span</span></p> ​ ...

最新文章

  1. 致物理学家的一个实验
  2. vue之父子组件通信
  3. LoadRunner 技巧之THML 与 URL两种录制模式分析
  4. 顺丰拟发行58亿可转债:15亿投入航空运力,12亿还贷款
  5. java火币网做接口_火币网API文档——Websocket 请求与订阅示例
  6. Excel按某一列排序
  7. MongoDB笔记十四——启动配置详细讲解
  8. SQL语句执行顺序【全】
  9. android协同开发平台,开发协作平台
  10. 关于maven :pom.xml文件中父工程部分提示spring-boot-starter-parent:2.0.7.RELEAS not found
  11. Mybatis插入大量数据效率对比:foreach插入、SqlSession批量插入、sql插入
  12. 奋斗路上若有你,弱水三千取一瓢——计算机操作系统以及python基本语法,第三天
  13. 解析DeDecms系统的SEO内部优化技巧
  14. 插入排序和迭代归并排序以及复杂度分析
  15. 调用方法求出数组两个元素的和
  16. 统计100以内能被7整除的自然数c语言,编写程序,计算1到100中既能被3整除又能被7整除的所有数,并计算这些数的个数...
  17. js 全屏移动漂浮框广告栏(3w)
  18. 为何电脑不识别iPhone
  19. 微信小程序 - Vant weapp UI 框架环境搭建详细教程(Window)
  20. 软考云题库Web版题库V1.1更新功能

热门文章

  1. 将Ubuntu Linux内核版本升级或降级到指定版本
  2. 3D打印泳衣惊艳亮相上海时装周
  3. vscode 程序员鼓励师_把软萌程序猿鼓励师装进 VScode 里?GitHub 2.5k 星标,爱上写代码...
  4. 厦门大学考研真题笔记:334新闻与传播专业综合能力
  5. FreeMarker入门 生成xml模板
  6. StampedLock 读写锁中的最强王者
  7. sqlyogent navicat for mysql_如何用SQLyog、Navicat for MySQL实现远程连接MySQL
  8. 从零单刷数据结构(Java描述)(三)——数组
  9. RuoYi框架中添加多级目录菜单(至少二级目录)
  10. 记我经历的一次公司破产经历,一行代码害死一家公司