对Web标准的理解

简介:

基本概念

1、web标准不是某一个标准,而是一系列标准的集合。

2、网页的三部分:

结构structure

表现presentation

行为behavior

3、网页的三部分对应的的标准:

结构化标准语言:XHTML和XML

表现标准语言:CSS

行为主要标准:对象模型(W3C DOM)、ECMAScript

4、万维网联盟(W3C)

结构化标准

1、可扩展标记语言(XML)

2、可扩展超文本标记语言(XHTML)

表现标准

1、层叠样式表(CSS)

目的:分离外观与结构

行为标准

1、文档对象模型(DOM)

一种与浏览器、平台、语言的接口。

2、ECMAScript

ECMAScript 262

代码标准

1、必须结束标记

XHTML要求严谨

2、小写元素和属性名

XHTML对大小写敏感,大小写夹杂也是不被认可

3、标记都必须合理嵌套

XHTML要求严格对应

4、属性必须括起来

比如,必须加引号

5、特殊符号用编码表示

<——<

>——>

&——&

6、所有属性赋值

XHTML规定所有的属性都必须要有一个值,没有值得就重复本身

7、注释中不能使用符号

标准测试

1、标准测试内容

页面校验地址   http://validator.w3.org/
XHTML 1.0 标准规格 : The Extensible HyperText Markup Language
W3C标准测试网址   http://validator.w3.org/
测试时一定要有文件类别宣告还有指定文件编码
才能顺利进行测试动作,开始打造一个标准的网站!
2、W3C标准测试使用说明
目录
相关文章
|
Web App开发 前端开发 JavaScript
认识Web和Web标准
《前端基础》
223 0
|
Rust 前端开发 JavaScript
Web 标准与前端开发 | 青训营笔记
Web 标准与前端开发 | 青训营笔记
114 0
Web 标准与前端开发 | 青训营笔记
|
前端开发 JavaScript
web浏览器常用内核和web标准
web浏览器常用内核和web标准
117 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 框架两部分。
383 1
Node.js Web 框架再进化 - 面向前端与未来标准
html+css实战4-初识:web标准
html+css实战4-初识:web标准
105 0
html+css实战4-初识:web标准
|
前端开发 JavaScript 小程序
聊聊各端手势体系以及对 Web 标准手势的思考
聊聊各端手势体系以及对 Web 标准手势的思考
24477 2
聊聊各端手势体系以及对 Web 标准手势的思考
|
SQL 安全 大数据
【基础理论-WEB测试】面试官让你介绍下web测试,标准的高大上回答如下:
【基础理论-WEB测试】面试官让你介绍下web测试,标准的高大上回答如下:
|
XML JavaScript 前端开发
web标准 | 学习笔记
快速学习web标准
154 0
web标准 | 学习笔记
|
Web App开发 前端开发 JavaScript
【青训营】- Web标准与前端开发
【青训营】- Web标准与前端开发
200 0
【青训营】- Web标准与前端开发
|
前端开发 JavaScript 小程序
聊聊各端手势体系以及对 Web 标准手势的思考
目前在 Web 标准中,手势能力是属于缺失的一块能力,更多的开发者通过 hammer.js 来获得一个通过 JavaScript 模拟出来的手势事件来开发一个手势强交互的应用,或者是直接基于更底层的 Touch event来做进一步的封装。
聊聊各端手势体系以及对 Web 标准手势的思考