细谈WEB标准

简介:   最近有些朋友很是疑惑web标准是什么,我在这里先做一个总结,有更好的见解的可以私信给我!   首先切入正题之前先谈一下什么叫DOCTYPE,DOCTYPE是document type(文档类型)的简写,主要作用是用来说明你用的XHTML或者HTML是什么版本。

  最近有些朋友很是疑惑web标准是什么,我在这里先做一个总结,有更好的见解的可以私信给我!

  首先切入正题之前先谈一下什么叫DOCTYPE,DOCTYPE是document type(文档类型)的简写,主要作用是用来说明你用的XHTML或者HTML是什么版本。浏览器会根据你的DOCTYPE定义的DTD(文档类型定义)来解释页面代码,并展现出来。所以要建设符合web标准的网页,DOCTYPE是必不可少的关键组成部分!

  接着我们来谈下web标准的组成。

    Web标准主要有三部分组成:结构(Structure)、变现(Presentation)和行为(Behavior)。

    结构标准对应的主要语言是XHTML。

    表现标准对应的主要语言是CSS。

    行为标准对应的主要语言是JavaScript.

  制作一个静态页面,主要用到的就是XHTML+CSS,所以制作标准页面的技术就是XHTML+CSS。

  采用Web标准建站的优点:

    1.提高页面浏览速度,使用CSS方法,比传统的web设计方法 要至少节约50%以上的文件尺寸。

    2.缩短改版时间,将表现(样式/外观)和内容(信息/数据)相分离。只需要修改几个简单的CSS文件就可以重新设计一个拥有成千上万个页面的站点。

    3.降低网站的费用,带宽要求降低(代码更简洁),降低成本!

    4.更容易被搜索引擎找到,提高站点在Google或者百度等上面的排名。

    5.内容能被更广泛的设备所访问,包括屏幕阅读机、打印机、手持设备、搜索机器人、电冰箱等等。

  一般网站站点的制作流程为:内容层---结构层---表现层---行为层。

相关文章
|
Web App开发 前端开发 JavaScript
认识Web和Web标准
《前端基础》
234 0
|
Rust 前端开发 JavaScript
Web 标准与前端开发 | 青训营笔记
Web 标准与前端开发 | 青训营笔记
121 0
Web 标准与前端开发 | 青训营笔记
|
前端开发 JavaScript
web浏览器常用内核和web标准
web浏览器常用内核和web标准
121 0
web浏览器常用内核和web标准
|
Web App开发 前端开发 JavaScript
Node.js Web 框架再进化 - 面向前端与未来标准
Web 开发一直是 Node.js 的主流方向,无论新人必学的 Express / Koa,或者是社区流行的企业级框架 Egg / Nest,各类 Web 框架层出不穷。本次分享来自阿里巴巴前端技术专家刘子健(繁易)在第十六届D2前端技术论坛的分享,为大家带来 Node.js Web 框架的发展历程,分析各类框架的适用场景及利弊,并基于阿里的 Node.js 框架 Midway,为大家介绍在过去这两年,我们对下一代 Node.js Web 框架的思考、设计、实践,包含如何面向前端做一款前端“爱用”的 Node.js 框架,如何面向未来标准甚至参与标准来设计 Node.js Web 框架两部分。
397 1
Node.js Web 框架再进化 - 面向前端与未来标准
html+css实战4-初识:web标准
html+css实战4-初识:web标准
110 0
html+css实战4-初识:web标准
|
前端开发 JavaScript 小程序
聊聊各端手势体系以及对 Web 标准手势的思考
聊聊各端手势体系以及对 Web 标准手势的思考
24490 2
聊聊各端手势体系以及对 Web 标准手势的思考
|
SQL 安全 大数据
【基础理论-WEB测试】面试官让你介绍下web测试,标准的高大上回答如下:
【基础理论-WEB测试】面试官让你介绍下web测试,标准的高大上回答如下:
|
XML JavaScript 前端开发
web标准 | 学习笔记
快速学习web标准
162 0
web标准 | 学习笔记
|
Web App开发 前端开发 JavaScript
【青训营】- Web标准与前端开发
【青训营】- Web标准与前端开发
204 0
【青训营】- Web标准与前端开发
|
前端开发 JavaScript 小程序
聊聊各端手势体系以及对 Web 标准手势的思考
目前在 Web 标准中,手势能力是属于缺失的一块能力,更多的开发者通过 hammer.js 来获得一个通过 JavaScript 模拟出来的手势事件来开发一个手势强交互的应用,或者是直接基于更底层的 Touch event来做进一步的封装。
聊聊各端手势体系以及对 Web 标准手势的思考

热门文章

最新文章