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

今天，我們來(lái)看看什么是網(wǎng)絡(luò)標(biāo)準(zhǔn)，我們?yōu)槭裁匆羞@些標(biāo)準(zhǔn)，以及作為一個(gè)網(wǎng)頁(yè)設(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開(kāi)發(fā)。它們涉及瀏覽器、HTTP、設(shè)計(jì)和開(kāi)發(fā)軟件，以及消費(fèi)者設(shè)備。本質(zhì)上，web標(biāo)準(zhǔn)的開(kāi)發(fā)和形式化為web的核心帶來(lái)了力量和一致性。我們?cè)绞亲裱@些標(biāo)準(zhǔn)，網(wǎng)絡(luò)就越容易被所有人訪(fǎng)問(wèn)。

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

有效的HTML、CSS和JAVASCRIPT

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

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

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

圖形

這對(duì)于web設(shè)計(jì)人員來(lái)說(shuō)非常重要，盡管它并不是一個(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è)備類(lèi)型的巨大變化，為移動(dòng)web制定標(biāo)準(zhǔn)變得至關(guān)重要。

也就是說(shuō)，標(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)路線(xiàn)圖

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

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

W3C手機(jī)推薦

隨著越來(lái)越多的用戶(hù)涌向智能設(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;

字符集;

編碼。

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

可訪(fǎng)問(wèn)性

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

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

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

W3C可訪(fǎng)問(wèn)性標(biāo)準(zhǔn)

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

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

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

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

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

自從W3C成立以來(lái)，這個(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帶來(lái)秩序和控制。以下是一些目前正在運(yùn)營(yíng)的大型企業(yè):

Ecma從60年代就開(kāi)始了。它的目的是使通信和信息系統(tǒng)標(biāo)準(zhǔn)化。它還負(fù)責(zé)開(kāi)發(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è)更開(kāi)放的環(huán)境。

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

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

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

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

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

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

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