Web標(biāo)準(zhǔn)的web UI——來源、謬誤與個人理解

序

我從2004年末開始接觸web標(biāo)準(zhǔn)，2005年5月正式采取完全的web標(biāo)準(zhǔn)方式的網(wǎng)頁制作，2005年8月，第一個符合web標(biāo)準(zhǔn)的網(wǎng)站UI開發(fā)工作完成。直至今日，經(jīng)歷了無數(shù)的艱辛，也有過許多的困惑。所幸，我的瑞典籍的Project Leader是一個很有經(jīng)驗的人，他告訴了我很多關(guān)于web標(biāo)準(zhǔn)國內(nèi)并不了解的東西，我這幾年技術(shù)方面的成長離不開他的支持和引導(dǎo)，感謝Andreas Liljefilt！在這里，我把它們告訴大家，也希望能有更多的人來討論。

Chaper 1 什么是web標(biāo)準(zhǔn)？Div css的謬誤。

提到web標(biāo)準(zhǔn)，就不得不先說一說國內(nèi)業(yè)界非常流行的一個詞——Div css。這個詞在國內(nèi)簡直是一個潮流，不僅互聯(lián)網(wǎng)上一直在提，大量的教程中使用這個詞，就連一些出版的書籍也是用了這個概念。然而，甚少人知道的是，這個概念本身是錯誤的。有好事的朋友不妨去google搜索一下（先調(diào)整到英文界面，這樣可以強制讓它搜索google.com而不是google.cn），"div css"這樣一個要害字是根本找不到任何一個英文網(wǎng)頁，全部都是中文的。沒錯，其實所謂的div css就是一個中國特有的理解和概念。我甚至不知道這個詞是誰先提出來的，然而，它對web標(biāo)準(zhǔn)中xhtml/css的網(wǎng)頁構(gòu)建方法的理解幾乎是完全錯誤的。

回歸正題，web標(biāo)準(zhǔn)究竟是什么？Web標(biāo)準(zhǔn)是w3c組織規(guī)定的各種web上所使用的語言的標(biāo)準(zhǔn)和規(guī)范的集合。

我們目前究竟接觸到了web標(biāo)準(zhǔn)的多少？打開 w3c的官方網(wǎng)站，我們在左側(cè)可以看到如下列表：

引用:
# 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標(biāo)準(zhǔn)目前的全部技術(shù)規(guī)范。web標(biāo)準(zhǔn)包含了這么多的內(nèi)容，而我們目前所說的div css只是其中xhtml/css實現(xiàn)方式的不完整的一部分而已。

* 為什么是xhtml/css？

其他的部分，我不想說的太多，第一是因為我也沒辦法全都弄懂，第二是其中有一大半瀏覽器支持不完全甚至根本就不支持。XML是web標(biāo)準(zhǔn)中對網(wǎng)頁實現(xiàn)的最終目標(biāo)。也就是web頁面數(shù)據(jù)化和語義化，然而由于瀏覽器的支持不完善和兼容問題，目前優(yōu)秀、兼容性強的純xml網(wǎng)站只是停留在幻想里而已。因此，現(xiàn)在主流的網(wǎng)頁實現(xiàn)方式就是xhtml/css。首先，xhtml與html大部分兼容，并且可以讓目前大多數(shù)的瀏覽器直接閱讀。css主流的幾大瀏覽器也支持的非常完善。再加上ECMAScript(不說Javascript的原因是Javascript的概念中包含了很多與標(biāo)準(zhǔn)不同的瀏覽器私有定義)，已經(jīng)足夠?qū)崿F(xiàn)web UI布局的大部分需要了。