11-css理解表现与结构相分离
2021-04-03 02:26
标签:理解 ide sort ons 等等 word 成本 好处 htm "DIV+CSS"叫法的误区 11-css理解表现与结构相分离 标签:理解 ide sort ons 等等 word 成本 好处 htm 原文地址:https://www.cnblogs.com/xiang-liang/p/12545294.html
“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判断表单提交等
下一篇:WEB方面面试题详解