當(dāng)你坐下來建立一個(gè)新的網(wǎng)站，你可能有一個(gè)嚴(yán)格的過程，你遵循的一切需要完成的清單。但是這些檢查列表是否包含了關(guān)于web標(biāo)準(zhǔn)的內(nèi)容呢?如果不是，他們應(yīng)該嗎?

今天，我們來看看什么是網(wǎng)絡(luò)標(biāo)準(zhǔn)，我們?yōu)槭裁匆羞@些標(biāo)準(zhǔn)，以及作為一個(gè)網(wǎng)頁設(shè)計(jì)師，你實(shí)際上需要做些什么。

什么是Web標(biāo)準(zhǔn)?

當(dāng)我們談到web標(biāo)準(zhǔn)時(shí)，我們指的是Internet和其上的一切都應(yīng)該遵守的正式規(guī)范。所以，這通常不是關(guān)于網(wǎng)站的前端是如何出現(xiàn)的，而是關(guān)于它的后端是如何結(jié)構(gòu)的。

Web標(biāo)準(zhǔn)也不僅僅關(guān)注于Web開發(fā)。它們涉及瀏覽器、HTTP、設(shè)計(jì)和開發(fā)軟件，以及消費(fèi)者設(shè)備。本質(zhì)上，web標(biāo)準(zhǔn)的開發(fā)和形式化為web的核心帶來了力量和一致性。我們?cè)绞亲裱@些標(biāo)準(zhǔn)，網(wǎng)絡(luò)就越容易被所有人訪問。

即使你沒有參與你的網(wǎng)站編碼，你可能熟悉今天的網(wǎng)絡(luò)標(biāo)準(zhǔn):

有效的HTML、CSS和JAVASCRIPT

寫得不好的代碼會(huì)給網(wǎng)站的性能帶來很多問題，更不用說它可能會(huì)帶來的bug了。所以，這是我們需要掌握的第一件事。

由于HTML、CSS和JavaScript是web的基礎(chǔ)，所以在如何編寫和何時(shí)使用它們方面有嚴(yán)格的標(biāo)準(zhǔn)。此外，隨著這些語言的變體進(jìn)入網(wǎng)絡(luò)詞典——如HTML5和CSS3——也為它們制定了標(biāo)準(zhǔn)。

通過標(biāo)準(zhǔn)化編碼，我們使所有開發(fā)人員和設(shè)計(jì)人員能夠使用同一種語言，并使每個(gè)web瀏覽器或軟件能夠理解它們。

圖形

這對(duì)于web設(shè)計(jì)人員來說非常重要，盡管它并不是一個(gè)嚴(yán)格的標(biāo)準(zhǔn)，而是一組在web上使用圖形的最佳實(shí)踐。例如，這是W3C推薦的:

PNG圖片;

SVG用于數(shù)據(jù)可視化;

增強(qiáng)基本HTML的CSS;

用于創(chuàng)建漸變、形狀和其他設(shè)計(jì)效果的Canvas API;

向量圖形的WebCGM。

如果你想讓你的網(wǎng)站盡可能高效地運(yùn)行，認(rèn)真對(duì)待這些建議是很重要的。

手機(jī)反應(yīng)

隨著智能設(shè)備的普及和可用設(shè)備類型的巨大變化，為移動(dòng)web制定標(biāo)準(zhǔn)變得至關(guān)重要。

也就是說，標(biāo)準(zhǔn)機(jī)構(gòu)不僅僅標(biāo)準(zhǔn)化了響應(yīng)式設(shè)計(jì)。他們還為移動(dòng)web創(chuàng)建了一套最佳實(shí)踐。

下面是一些移動(dòng)網(wǎng)絡(luò)標(biāo)準(zhǔn)的例子:

W3C移動(dòng)路線圖

指南不僅提供了設(shè)計(jì)或使用的工具。他們還專注于處理支付、網(wǎng)站安全和性能。

最佳實(shí)踐的建議也同樣深入和強(qiáng)烈:

W3C手機(jī)推薦

隨著越來越多的用戶涌向智能設(shè)備上的網(wǎng)站，移動(dòng)網(wǎng)絡(luò)標(biāo)準(zhǔn)將會(huì)受到更多關(guān)注。

WEB架構(gòu)

這與我們?cè)谀缓髽?gòu)造信息的方式有關(guān)。所以，已經(jīng)制定了一些標(biāo)準(zhǔn)，比如:

url和uri;

XML;

HTTP和HTTPS;

字符集;

編碼。

通過使用我們標(biāo)記和識(shí)別web部分的標(biāo)準(zhǔn)，它可以變得更加全球友好。

可訪問性

無障礙網(wǎng)頁倡議(WAI)是更大的萬維網(wǎng)聯(lián)盟的一部分(詳見下文)。

網(wǎng)頁可及性倡議

與這里提到的其他一些web標(biāo)準(zhǔn)不同，標(biāo)準(zhǔn)化可訪問性是一件大事。正如您在上面的截圖中所看到的，它不僅僅影響web開發(fā)人員代碼或web設(shè)計(jì)人員的創(chuàng)建方式。它影響著每一個(gè)為網(wǎng)站做出貢獻(xiàn)的人——作者、測(cè)試人員、項(xiàng)目經(jīng)理、決策者等等。

W3C可訪問性標(biāo)準(zhǔn)

當(dāng)涉及到可訪問性標(biāo)準(zhǔn)時(shí)，有很多東西需要打開。我只想說，如果你正在建立一個(gè)以積極服務(wù)公眾為目標(biāo)的網(wǎng)站，那么這些標(biāo)準(zhǔn)中的每一個(gè)都需要成為你工作流程的一部分。

網(wǎng)絡(luò)標(biāo)準(zhǔn)從何而來?

在網(wǎng)絡(luò)發(fā)展的早期，ie和Firefox之間的瀏覽器大戰(zhàn)是有問題的。當(dāng)他們?cè)噲D爭奪更大的市場(chǎng)份額時(shí)，他們的技術(shù)卻大相徑庭。如果讓他們自己的設(shè)備來處理，這些瀏覽器可能會(huì)對(duì)互聯(lián)網(wǎng)造成真正的破壞，造成一個(gè)瀏覽器到另一個(gè)瀏覽器、一個(gè)網(wǎng)站到另一個(gè)網(wǎng)站的破碎體驗(yàn)。

萬維網(wǎng)的創(chuàng)始人蒂姆·伯納斯-李(Tim Berners-Lee)認(rèn)為需要做點(diǎn)什么，于是成立了萬維網(wǎng)聯(lián)盟(world wide web Consortium, W3C)。

W3C Web標(biāo)準(zhǔn)

自從W3C成立以來，這個(gè)標(biāo)準(zhǔn)組織的任務(wù)就是建立通用標(biāo)準(zhǔn)，使web朝著積極的方向發(fā)展。

在早期，W3C并不是唯一一個(gè)試圖改進(jìn)互聯(lián)網(wǎng)的標(biāo)準(zhǔn)組織。Web標(biāo)準(zhǔn)項(xiàng)目興起于90年代，目的是為W3C提供支持。它的具體任務(wù)是幫助降低構(gòu)建和管理web的成本和復(fù)雜性。盡管它在2013年解散，但它在使web瀏覽器支持HTML 4和XHTML方面發(fā)揮了關(guān)鍵作用。

今天，有其他的標(biāo)準(zhǔn)組織幫助為web帶來秩序和控制。以下是一些目前正在運(yùn)營的大型企業(yè):

Ecma從60年代就開始了。它的目的是使通信和信息系統(tǒng)標(biāo)準(zhǔn)化。它還負(fù)責(zé)開發(fā)標(biāo)準(zhǔn)化JavaScript的ECMAScript。

互聯(lián)網(wǎng)工程任務(wù)組(IETF)致力于加強(qiáng)互聯(lián)網(wǎng)的架構(gòu)，同時(shí)創(chuàng)造一個(gè)更開放的環(huán)境。

WHATWG社區(qū)已經(jīng)圍繞url、編碼、api和編碼開發(fā)了許多標(biāo)準(zhǔn)和非標(biāo)準(zhǔn)。

這些組織——就像早期的網(wǎng)絡(luò)創(chuàng)造者一樣——并不是為了賺錢。他們的唯一目標(biāo)是為每個(gè)用戶創(chuàng)建一個(gè)自由、開放和高效的互聯(lián)網(wǎng)。

我們需要網(wǎng)絡(luò)標(biāo)準(zhǔn)做什么?

最后但并非最不重要的，讓我們談?wù)劄槭裁础?/p>

就用戶而言，對(duì)他們來說最大的好處之一就是網(wǎng)絡(luò)的可預(yù)測(cè)性。

這并不是說網(wǎng)絡(luò)標(biāo)準(zhǔn)會(huì)限制你在設(shè)計(jì)網(wǎng)站時(shí)的創(chuàng)造性。但是，就它的功能和訪問者與它的交互方式而言，這些元素應(yīng)該與web的其他部分保持一致。這為用戶創(chuàng)造了一個(gè)更有吸引力的環(huán)境，因?yàn)樗诉M(jìn)入新領(lǐng)域時(shí)的困難和困惑。

就網(wǎng)頁設(shè)計(jì)師而言，我認(rèn)為這一點(diǎn)現(xiàn)在已經(jīng)很清楚了。它不僅能幫助你更高效地工作，還能讓你為一個(gè)更好的網(wǎng)絡(luò)做出貢獻(xiàn)——一個(gè)構(gòu)建良好、人人都能訪問的網(wǎng)絡(luò)。