对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/

CSS文档校验 http://jigsaw.w3.org/css-validator/

XHTML 1.0 标准规格 : The Extensible HyperText Markup Language

W3C标准测试网址 http://validator.w3.org/

测试时一定要有文件类别宣告还有指定文件编码

才能顺利进行测试动作，开始打造一个标准的网站！
2、W3C标准测试使用说明

时间： 2024-11-20 21:09:46

对Web标准的理解的相关文章

我所理解的RESTful Web API [Web标准篇]

REST不是一个标准,而是一种软件应用架构风格.基于SOAP的Web服务采用RPC架构,如果说RPC是一种面向操作的架构风格,而REST则是一种面向资源的架构风格.REST是目前业界更为推崇的构建新一代Web服务(或者Web API)的架构风格.由于REST仅仅是一种价格风格,所以它是与具体的技术平台无关的,也就是说采用REST架构的应用未必一定建立在Web之上,所以在正式介绍REST之前,我们先来简单认识一下Web. 目录 一.TCP/IP与HTTP 二.Web资源       媒体类型   

深入理解Web标准（网站标准）

我觉得一名Web前端应该好好理解Web标准到底是什么,为什么要在我们的实际实践中遵循Web标准. 什么是Web标准.百度百科的解释是: WEB标准不是某一个标准,而是一系列标准的集合.网页主要由三部分组成:结构(Structure).表现(Presentation)和行为(Behavior).对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM).ECMAScript等. Web标准 . 其他网站也有很多解释,这里

样式表在web标准应用存在的问题

web|web标准|问题|样式表 一.CSS校验的问题 首先根据比赛要求,参赛作品必须符合XHTML标准,提交的CSS必须通过W3C的校验.CSS校验的情况比较理想,参赛作品中只有8份作品未通过CSS2.0校验,主要校验错误都是:"Line : 0 font-family: 建议你指定一个种类族科作为最后的选择" W3C建议字体定义的时候,最后以一个类别的字体结束,而不要以单独某个字体结束.例如"sans-serif"就,以保证在不同操作系统下,网页字体都能被显示.

web标准建站:CSS入门教程

css|web|web标准|教程|入门教程 原创教程,转载请注明出处:网页教学网 CSS是"Cascading Style Sheets"的简称,中文翻译为"串接样式表",也有人翻译 为"样式表".CSS用以作为网页的排版和风格设计,在web标准建站中,对CSS的熟悉和使用 是相当重要的一个内容.CSS的作用是弥补HTML的不足,让网页的设计更为灵活. 这个文章只是为您介绍CSS的基础应用,指引您的一个入门的基础教程,主要目的是为 推进web标准

WEB标准中使用CSS的基础教程

css|web|web标准|基础教程 CSS过去经常被用来定义字体的属性,而现在可以用它来控制整个文档的布局.然而,为了有效的用CSS来控制布局,需要做一些不同的处理,这种不同是跟用表格布局相对比的. 为了CSS可以高效的控制布局,结构化.语义化的XHTML是必不可少的. 浏览器的支持 在过去几年,浏览器对CSS的支持程度已经改进了很多.不幸的是,浏览器的开发商好象对实施开放的标准并不感兴趣,所以不同浏览器对CSS的支持程度也大相径庭.就算是支持程度最好的浏览器,在软件中仍然有一些bug,使得浏

web标准，我们去向何方？

web|web标准 原文作者:Veerle  原文出处:http://veerle.duoh.com 译者注:本文是"你应该关注web标准的真正原因"一文发表后veerle写的一篇感想文章,作者提了2个想法,却引来各种意见和建议,我将部分评论附在文后.可以看到国外技术类blog讨论的气氛也是非常好的,至少参与的人很多.有兴趣的建议看看原文. 译文 关于web标准,我已经了解很多,并且正在使用.我也很清楚的认识到,使用web标准不是为了能够骄傲的说"嗨,你的站点通过标准校验了吗

WEB标准教程：Div+CSS布局入门教程

css|web|web标准|教程|入门教程 在网页制作中,有许多的术语,例如:CSS.HTML.DHTML.XHTML等等.在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础.下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧. 所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图.

如何开始WEB标准之路

web|web标准 刚开始接受WEB标准是在2004年的6月份,那时经典里有一些高手们正在讨论一个新东西.当时叫什么我不清楚,反正不叫DIV+CSS,只是觉得挺有意思的,就进去看看.发现高手们谈的不是很明白,当时自己HTML代码都认识不全的,只会用DW(Dreamweaver简写,下同).只是看看高手们发的一些国外的作品,觉得很漂亮.但是由于当时自己对HTML的不熟悉也并没有立刻进入学习.但是开始了解WEB标准的一些优点了,而最吸引我的就是那种HTML不用动,只需要更新CSS就能把网站变成另一个

Web标准学习：未知高度的非表格垂直对齐

web|web标准 非已知高度的垂直对齐的条件: 表格单元格 行内块(inline-block) 第一个比较好理解,第二个很多人可能会忽略.比如,很多人在图片与文本混排的时候想让图片相对于文本垂直居中除了用IE的私有特性 valign="absmiddle"别无他法.记住,默认下图片就是属于inline-block,你只需简单的img {vertical-align:middle;}即可. 那么,我们进入主题.现在我们由于某些特殊需要两个并排的div想实现垂直居中.如前所述,div非表