码迷,mamicode.com
首页 > Web开发 > 详细

11-css理解表现与结构相分离

时间:2020-03-22 14:21:01      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:理解   ide   sort   ons   等等   word   成本   好处   htm   

"DIV+CSS"叫法的误区
“DIV+CSS”这种叫法其实是一种不准确的叫法,是大家开始在对这种技术理解不透彻的情况下,给这种布局标准页面的方法起的名字,而标准的叫法是什么呢? XHTML+CSS ! !
一、什么是W3C?
  我们平时说得W3C。其实就是 Word Wide Web Consortium的缩写,中文是W3C组织或者万维网联盟,W3C这个组织是做什么的呢?简单说,就是出网页标准的。那么有W3C组织推出的标准就被称为W3C标准或Web标准
二、什么是web标准?
    web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列的集合。包含我们所熟悉的HTML、XHTML、Javascript、以及CSS等。
二、Web标准的目的?
  在于创建一个统一的用于Web表现层的技术标准,以便于通过不同浏览器或终端设备向最终用户展示信息内容。
三、采用标准的好处
  1、提高页面浏览速度。使用CSS方法,比传统的web设计方法至少节约50%以上的文件尺寸
  2、缩短改版时间,将表现(样式/外观)与内容(信息/数据)相分离。只要简单的修改几个CSS文件就可以重新设计一个有成千上万的站点
  3、降低网站流量的费用。带宽要求降低(代码更整洁),成本降低。
  4、更容易被搜寻引擎搜索到。提高网站在百度或者goole中的排名
  5、内容能被更广泛的设备所访问。包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等
四、Web标准的构成?
  Web标准主要由三部分构成:结构(Structure)表现(Presentation)和行为(Behavior)
  结构标准对应的主要语言是XHTML
  表现标准对应的主要语言是CSS
  行为标准对应的主要语言是JavaScript
  制作成一个静态页面,主要用到的就是xHTML与 CSS,所以制作标准页面的技术就是xHTML+CSS
  理解表现和结构分离
    web标准的好处之一是“理解表现和内容分离”----那这到底是什么意思呢?
    首先我们必须先明白一些基本的概念:
  内容、结构、表现和行为。
    1、内容:就是制作者放在页面内真正想要让访问者浏览的信息。
    2、结构:使内容更加具有逻辑性和易用性【类似于:一级二级标题、正文、列表等把它们称为结构
    3、表现:用于修饰内容的外观的样式的东西称为表现
    4、行为:对内容的交互及操作效果,如通过javascript判断表单提交等

11-css理解表现与结构相分离

标签:理解   ide   sort   ons   等等   word   成本   好处   htm   

原文地址:https://www.cnblogs.com/xiang-liang/p/12545294.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!