論web標(biāo)準(zhǔn)的網(wǎng)頁(yè)制作和符合web標(biāo)準(zhǔn)的網(wǎng)站UI
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2008-10-17 19:28:13 作者:佚名
我要評(píng)論

Web標(biāo)準(zhǔn)的web UI——來(lái)源、謬誤與個(gè)人理解
序
我從2004年末開(kāi)始接觸web標(biāo)準(zhǔn),2005年5月正式采取完全的web標(biāo)準(zhǔn)方式的網(wǎng)頁(yè)制作,2005年8月,第一個(gè)符合web標(biāo)準(zhǔn)的網(wǎng)站UI開(kāi)發(fā)工作完成。直至今日,經(jīng)歷了無(wú)數(shù)的艱辛,也有過(guò)許多的困惑。所幸,我的瑞典籍的Projec
Web標(biāo)準(zhǔn)的web UI——來(lái)源、謬誤與個(gè)人理解
序
我從2004年末開(kāi)始接觸web標(biāo)準(zhǔn),2005年5月正式采取完全的web標(biāo)準(zhǔn)方式的網(wǎng)頁(yè)制作,2005年8月,第一個(gè)符合web標(biāo)準(zhǔn)的網(wǎng)站UI開(kāi)發(fā)工作完成。直至今日,經(jīng)歷了無(wú)數(shù)的艱辛,也有過(guò)許多的困惑。所幸,我的瑞典籍的Project Leader是一個(gè)很有經(jīng)驗(yàn)的人,他告訴了我很多關(guān)于web標(biāo)準(zhǔn)國(guó)內(nèi)并不了解的東西,我這幾年技術(shù)方面的成長(zhǎng)離不開(kāi)他的支持和引導(dǎo),感謝Andreas Liljefilt!在這里,我把它們告訴大家,也希望能有更多的人來(lái)討論。
Chaper 1 什么是web標(biāo)準(zhǔn)?Div css的謬誤。
提到web標(biāo)準(zhǔn),就不得不先說(shuō)一說(shuō)國(guó)內(nèi)業(yè)界非常流行的一個(gè)詞——Div css。這個(gè)詞在國(guó)內(nèi)簡(jiǎn)直是一個(gè)潮流,不僅互聯(lián)網(wǎng)上一直在提,大量的教程中使用這個(gè)詞,就連一些出版的書(shū)籍也是用了這個(gè)概念。然而,甚少人知道的是,這個(gè)概念本身是錯(cuò)誤的。有好事的朋友不妨去google搜索一下(先調(diào)整到英文界面,這樣可以強(qiáng)制讓它搜索google.com而不是google.cn),"div css"這樣一個(gè)關(guān)鍵字是根本找不到任何一個(gè)英文網(wǎng)頁(yè),全部都是中文的。沒(méi)錯(cuò),其實(shí)所謂的div css就是一個(gè)中國(guó)特有的理解和概念。我甚至不知道這個(gè)詞是誰(shuí)先提出來(lái)的,然而,它對(duì)web標(biāo)準(zhǔn)中xhtml/css的網(wǎng)頁(yè)構(gòu)建方法的理解幾乎是完全錯(cuò)誤的。
回歸正題,web標(biāo)準(zhǔn)究竟是什么?Web標(biāo)準(zhǔn)是w3c組織規(guī)定的各種web上所使用的語(yǔ)言的標(biāo)準(zhǔn)和規(guī)范的集合。
我們目前究竟接觸到了web標(biāo)準(zhǔn)的多少?打開(kāi) w3c的官方網(wǎng)站,我們?cè)谧髠?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
全看下來(lái)后是不是覺(jué)得很暈?沒(méi)錯(cuò),這個(gè)就是web標(biāo)準(zhǔn)目前的全部技術(shù)規(guī)范。web標(biāo)準(zhǔn)包含了這么多的內(nèi)容,而我們目前所說(shuō)的div css只是其中xhtml/css實(shí)現(xiàn)方式的不完整的一部分而已。
* 為什么是xhtml/css?
其他的部分,我不想說(shuō)的太多,第一是因?yàn)槲乙矝](méi)辦法全都弄懂,第二是其中有一大半瀏覽器支持不完全甚至根本就不支持。XML是web標(biāo)準(zhǔn)中對(duì)網(wǎng)頁(yè)實(shí)現(xiàn)的最終目標(biāo)。也就是web頁(yè)面數(shù)據(jù)化和語(yǔ)義化,然而由于瀏覽器的支持不完善和兼容問(wèn)題,目前優(yōu)秀、兼容性強(qiáng)的純xml網(wǎng)站只是停留在幻想里而已。因此,現(xiàn)在主流的網(wǎng)頁(yè)實(shí)現(xiàn)方式就是xhtml/css。首先,xhtml與html大部分兼容,并且可以讓目前大多數(shù)的瀏覽器直接閱讀。css主流的幾大瀏覽器也支持的非常完善。再加上ECMAScript(不說(shuō)Javascript的原因是Javascript的概念中包含了很多與標(biāo)準(zhǔn)不同的瀏覽器私有定義),已經(jīng)足夠?qū)崿F(xiàn)web UI布局的大部分需要了。
相關(guān)文章
AudioContext 實(shí)現(xiàn)音頻可視化(web技術(shù)分享)
這篇文章主要分享的是web技術(shù)的 AudioContext 實(shí)現(xiàn)音頻可視化,要實(shí)現(xiàn)音頻可視化得先實(shí)現(xiàn)一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext,下面詳細(xì)內(nèi)容2022-02-23- 這篇文章主要給大家介紹了web技術(shù)中的WebRTC記錄音視頻流,文章內(nèi)容圍繞主題展相關(guān)資料,需要的小伙伴可以參考一下,希望對(duì)你有所幫助2022-02-23
- 這是我通過(guò)網(wǎng)上查閱資料總結(jié)的一些編碼規(guī)范,用于鞏固對(duì)html,css頁(yè)面重構(gòu)時(shí)的基礎(chǔ),需要的朋友可以參考下2020-12-19
前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開(kāi)發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開(kāi)發(fā)規(guī)范,需要的朋友可以參考下2017-01-21Web前端開(kāi)發(fā)規(guī)范2017(HTML/JavaScript/CSS)
這是一份旨在增強(qiáng)團(tuán)隊(duì)的開(kāi)發(fā)協(xié)作,提高代碼質(zhì)量和打造開(kāi)發(fā)基石的編碼風(fēng)格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個(gè)部分。我們知道,當(dāng)一個(gè)團(tuán)隊(duì)開(kāi)始指定并實(shí)行2017-01-21web前端開(kāi)發(fā)規(guī)范文檔(2014年版本)
這篇文章主要為大家介紹了前端開(kāi)發(fā)團(tuán)隊(duì)遵循和約定的代碼書(shū)寫(xiě)規(guī)范,意在提高代碼的規(guī)范性和可維護(hù)性,需要的朋友可以參考下2017-01-21響應(yīng)式Web之流式網(wǎng)格系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了響應(yīng)式Web之流式網(wǎng)格系統(tǒng)的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-04在網(wǎng)頁(yè)標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁(yè)標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法。希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧,祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶(hù)都在下載Visual Foxpro 6.0,但是有安裝vtp6.0經(jīng)驗(yàn)的朋友確很少,在安裝過(guò)程中總會(huì)出現(xiàn)這樣那樣的問(wèn)題,基于這些問(wèn)題,下面小編抽個(gè)時(shí)間把Visual Foxpro 6.02015-09-09網(wǎng)站日志200 0 64狀態(tài)碼的分析(協(xié)議子狀態(tài))
網(wǎng)站日志200 0 64狀態(tài)碼的分析介紹2012-10-29