论web标准的网页制作和符合web标准的网站UI

yibin 2015-02-09 建站源码 487

Web标准的web UI——来源、谬误与个人理解

我从2004年末开始接触web标准,2005年5月正式采取完全的web标准方式的网页制作,2005年8月,第一个符合web标准的网站UI开发工作完成。直至今日,经历了无数的艰辛,也有过许多的困惑。所幸,我的瑞典籍的Project Leader是一个很有经验的人,他告诉了我很多关于web标准国内并不了解的东西,我这几年技术方面的成长离不开他的支持和引导,感谢Andreas Liljefilt!在这里,我把它们告诉大家,也希望能有更多的人来讨论。

Chaper 1 什么是web标准?Div css的谬误。

提到web标准,就不得不先说一说国内业界非常流行的一个词——Div css。这个词在国内简直是一个潮流,不仅互联网上一直在提,大量的教程中使用这个词,就连一些出版的书籍也是用了这个概念。然而,甚少人知道的是,这个概念本身是错误的。有好事的朋友不妨去google搜索一下(先调整到英文界面,这样可以强制让它搜索google.com而不是google.cn),"div css"这样一个要害字是根本找不到任何一个英文网页,全部都是中文的。没错,其实所谓的div css就是一个中国特有的理解和概念。我甚至不知道这个词是谁先提出来的,然而,它对web标准中xhtml/css的页构建方法的理解几乎是完全错误的。

回归正题,web标准究竟是什么?Web标准是w3c组织规定的各种web上所使用的语言的标准和规范的集合。

我们目前究竟接触到了web标准的多少?打开 w3c的官方网站,我们在左侧可以看到如下列表:

引用:
# Accessibility
# Amaya
# CC/PP
# Compound Document Formats
(CDF)
# CSS
# CSS
Validator
# Databinding
# DOM
# Efficient XML
Interchange
# eGovernment
# GRDDL
# Health Care and Life
Sciences
# HTML
# HTML Tidy
# HTML Validator
# HTTP
# Incubator
# InkML
# Internationalization
# Jigsaw
# Libwww
# MathML
# Mobile Web Initiative
(W3C-MWI)
# Multimodal
Interaction
# OWL
# Patent Policy
# PICS
# PNG
# POWDER
# Privacy and P3P
# RDF
# Rich Web Clients
# Rules
# Security
# Semantic Web
# Service Modeling Language
(SML)
# SMIL
# SOAP/XMLP
# SPARQL
# Style
# SVG
# Timed Text
# URI/URL
# Validators
# Voice
# Ubiquitous Web
Applications
# WAI
# Web API
# Web Application
Formats
# Web Architecture
(TAG)
# WebCGM
# Web Services
# WS-Addressing
# WS-CDL
# WSDL
# WS-Policy
# XForms
# XHTML
# XHTML2
# XLink
# XML
# XML Base
# XML Encryption
# XML Key Management
# XML Processing
# XML Query
# XML Schema
# XML Signature
# XPath
# XPointer
# XSL and XSLT

全看下来后是不是觉得很晕?没错,这个就是web标准目前的全部技术规范。web标准包含了这么多的内容,而我们目前所说的div css只是其中xhtml/css实现方式的不完整的一部分而已。

* 为什么是xhtml/css?

其他的部分,我不想说的太多,第一是因为我也没办法全都弄懂,第二是其中有一大半浏览器支持不完全甚至根本就不支持。XML是web标准中对网页实现的最终目标。也就是web页面数据化和语义化,然而由于浏览器的支持不完善和兼容问题,目前优秀、兼容性强的纯xml网站只是停留在幻想里而已。因此,现在主流的网页实现方式就是xhtml/css。首先,xhtml与html大部分兼容,并且可以让目前大多数的浏览器直接阅读。css主流的几大浏览器也支持的非常完善。再加上ECMAScript(不说Javascript的原因是Javascript的概念中包含了很多与标准不同的浏览器私有定义),已经足够实现web UI布局的大部分需要了。

扫码添加微信

13013082126 扫描微信 建站咨询 优化咨询