當你坐下來建立一個新的網站,你可能有一個嚴格的過程,你遵循的一切需要完成的清單。但是這些檢查列表是否包含了關于web標準的內容呢?如果不是,他們應該嗎?
今天,我們來看看什么是網絡標準,我們為什么要有這些標準,以及作為一個網頁設計師,你實際上需要做些什么。
什么是Web標準?
當我們談到web標準時,我們指的是Internet和其上的一切都應該遵守的正式規范。所以,這通常不是關于網站的前端是如何出現的,而是關于它的后端是如何結構的。
Web標準也不僅僅關注于Web開發。它們涉及瀏覽器、HTTP、設計和開發軟件,以及消費者設備。本質上,web標準的開發和形式化為web的核心帶來了力量和一致性。我們越是遵循這些標準,網絡就越容易被所有人訪問。
即使你沒有參與你的網站編碼,你可能熟悉今天的網絡標準:
有效的HTML、CSS和JAVASCRIPT
寫得不好的代碼會給網站的性能帶來很多問題,更不用說它可能會帶來的bug了。所以,這是我們需要掌握的第一件事。
由于HTML、CSS和JavaScript是web的基礎,所以在如何編寫和何時使用它們方面有嚴格的標準。此外,隨著這些語言的變體進入網絡詞典——如HTML5和CSS3——也為它們制定了標準。
通過標準化編碼,我們使所有開發人員和設計人員能夠使用同一種語言,并使每個web瀏覽器或軟件能夠理解它們。
圖形
這對于web設計人員來說非常重要,盡管它并不是一個嚴格的標準,而是一組在web上使用圖形的最佳實踐。例如,這是W3C推薦的:
PNG圖片;
SVG用于數據可視化;
增強基本HTML的CSS;
用于創建漸變、形狀和其他設計效果的Canvas API;
向量圖形的WebCGM。
如果你想讓你的網站盡可能高效地運行,認真對待這些建議是很重要的。
手機反應
隨著智能設備的普及和可用設備類型的巨大變化,為移動web制定標準變得至關重要。
也就是說,標準機構不僅僅標準化了響應式設計。他們還為移動web創建了一套最佳實踐。
下面是一些移動網絡標準的例子:
W3C移動路線圖
指南不僅提供了設計或使用的工具。他們還專注于處理支付、網站安全和性能。
最佳實踐的建議也同樣深入和強烈:
W3C手機推薦
隨著越來越多的用戶涌向智能設備上的網站,移動網絡標準將會受到更多關注。
WEB架構
這與我們在幕后構造信息的方式有關。所以,已經制定了一些標準,比如:
url和uri;
XML;
HTTP和HTTPS;
字符集;
編碼。
通過使用我們標記和識別web部分的標準,它可以變得更加全球友好。
可訪問性
無障礙網頁倡議(WAI)是更大的萬維網聯盟的一部分(詳見下文)。
網頁可及性倡議
與這里提到的其他一些web標準不同,標準化可訪問性是一件大事。正如您在上面的截圖中所看到的,它不僅僅影響web開發人員代碼或web設計人員的創建方式。它影響著每一個為網站做出貢獻的人——作者、測試人員、項目經理、決策者等等。
W3C可訪問性標準
當涉及到可訪問性標準時,有很多東西需要打開。我只想說,如果你正在建立一個以積極服務公眾為目標的網站,那么這些標準中的每一個都需要成為你工作流程的一部分。
網絡標準從何而來?
在網絡發展的早期,ie和Firefox之間的瀏覽器大戰是有問題的。當他們試圖爭奪更大的市場份額時,他們的技術卻大相徑庭。如果讓他們自己的設備來處理,這些瀏覽器可能會對互聯網造成真正的破壞,造成一個瀏覽器到另一個瀏覽器、一個網站到另一個網站的破碎體驗。
萬維網的創始人蒂姆·伯納斯-李(Tim Berners-Lee)認為需要做點什么,于是成立了萬維網聯盟(world wide web Consortium, W3C)。
W3C Web標準
自從W3C成立以來,這個標準組織的任務就是建立通用標準,使web朝著積極的方向發展。
在早期,W3C并不是唯一一個試圖改進互聯網的標準組織。Web標準項目興起于90年代,目的是為W3C提供支持。它的具體任務是幫助降低構建和管理web的成本和復雜性。盡管它在2013年解散,但它在使web瀏覽器支持HTML 4和XHTML方面發揮了關鍵作用。
今天,有其他的標準組織幫助為web帶來秩序和控制。以下是一些目前正在運營的大型企業:
Ecma從60年代就開始了。它的目的是使通信和信息系統標準化。它還負責開發標準化JavaScript的ECMAScript。
互聯網工程任務組(IETF)致力于加強互聯網的架構,同時創造一個更開放的環境。
WHATWG社區已經圍繞url、編碼、api和編碼開發了許多標準和非標準。
這些組織——就像早期的網絡創造者一樣——并不是為了賺錢。他們的唯一目標是為每個用戶創建一個自由、開放和高效的互聯網。
我們需要網絡標準做什么?
最后但并非最不重要的,讓我們談談為什么。
就用戶而言,對他們來說最大的好處之一就是網絡的可預測性。
這并不是說網絡標準會限制你在設計網站時的創造性。但是,就它的功能和訪問者與它的交互方式而言,這些元素應該與web的其他部分保持一致。這為用戶創造了一個更有吸引力的環境,因為它消除了進入新領域時的困難和困惑。
就網頁設計師而言,我認為這一點現在已經很清楚了。它不僅能幫助你更高效地工作,還能讓你為一個更好的網絡做出貢獻——一個構建良好、人人都能訪問的網絡。