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

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ù)的艱辛,也有過許多的困惑。所幸,我的瑞典籍的Projec
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)驗(yàn)的人,他告訴了我很多關(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)整到英文界面,這樣可以強(qiáng)制讓它搜索google.com而不是google.cn),"div css"這樣一個關(guān)鍵字是根本找不到任何一個英文網(wǎng)頁,全部都是中文的。沒錯,其實(shí)所謂的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實(shí)現(xiàn)方式的不完整的一部分而已。
* 為什么是xhtml/css?
其他的部分,我不想說的太多,第一是因?yàn)槲乙矝]辦法全都弄懂,第二是其中有一大半瀏覽器支持不完全甚至根本就不支持。XML是web標(biāo)準(zhǔn)中對網(wǎng)頁實(shí)現(xiàn)的最終目標(biāo)。也就是web頁面數(shù)據(jù)化和語義化,然而由于瀏覽器的支持不完善和兼容問題,目前優(yōu)秀、兼容性強(qiáng)的純xml網(wǎng)站只是停留在幻想里而已。因此,現(xiàn)在主流的網(wǎng)頁實(shí)現(xiàn)方式就是xhtml/css。首先,xhtml與html大部分兼容,并且可以讓目前大多數(shù)的瀏覽器直接閱讀。css主流的幾大瀏覽器也支持的非常完善。再加上ECMAScript(不說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)資料,需要的小伙伴可以參考一下,希望對你有所幫助2022-02-23
- 這是我通過網(wǎng)上查閱資料總結(jié)的一些編碼規(guī)范,用于鞏固對html,css頁面重構(gòu)時的基礎(chǔ),需要的朋友可以參考下2020-12-19
前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范,需要的朋友可以參考下2017-01-21Web前端開發(fā)規(guī)范2017(HTML/JavaScript/CSS)
這是一份旨在增強(qiáng)團(tuán)隊的開發(fā)協(xié)作,提高代碼質(zhì)量和打造開發(fā)基石的編碼風(fēng)格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個部分。我們知道,當(dāng)一個團(tuán)隊開始指定并實(shí)行2017-01-21- 這篇文章主要為大家介紹了前端開發(fā)團(tuán)隊遵循和約定的代碼書寫規(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)頁標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法。希望對大家有所幫助。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶都在下載Visual Foxpro 6.0,但是有安裝vtp6.0經(jīng)驗(yàn)的朋友確很少,在安裝過程中總會出現(xiàn)這樣那樣的問題,基于這些問題,下面小編抽個時間把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