本周，有人提議用一種語(yǔ)言取代HTML、CSS和JavaScript，理由是“它們?cè)诤艽蟪潭壬舷嗷ブ丿B”。他們寫(xiě)道，結(jié)構(gòu)、風(fēng)格和交互性之間的分離是基于一個(gè)“錯(cuò)誤的前提”。我不這么認(rèn)為。在這篇文章中，我們將看看為什么HTML、CSS和JS是不同的語(yǔ)言對(duì)人們有好處。

我不是來(lái)取笑這個(gè)提議的，任何人都?xì)g迎對(duì)這個(gè)網(wǎng)絡(luò)平臺(tái)提出建議。我確實(shí)想概述一下為什么事情的當(dāng)前狀態(tài)令人滿意。因?yàn)?，正如記者Zeynep Tefepkci所說(shuō)(來(lái)源):

如果你擁有美好的東西，如果你不捍衛(wèi)它，你就會(huì)失去它。

旁注:結(jié)構(gòu)、風(fēng)格和交互性之間的分離可以追溯到web最初的提議。一開(kāi)始，只有結(jié)構(gòu)。這個(gè)平臺(tái)是供科學(xué)家交換文件的。在有了最初的想法之后，一群聰明的人花了數(shù)年的時(shí)間才把這個(gè)平臺(tái)變成現(xiàn)在的樣子以及它現(xiàn)在的用途。這種情況還在繼續(xù)。你可以在我關(guān)于瀑布起源的演講中了解更多關(guān)于網(wǎng)絡(luò)歷史的信息，也可以在Jeremy Keith和Remy Sharpe的《如何在5天內(nèi)建立萬(wàn)維網(wǎng)》中了解更多。

一些用戶需求

用戶需要分離結(jié)構(gòu)

網(wǎng)絡(luò)的有趣之處在于，你永遠(yuǎn)不知道你在為誰(shuí)構(gòu)建東西。即使你有統(tǒng)計(jì)數(shù)據(jù)。有很多不同的用戶在使用web內(nèi)容。它們都有不同的設(shè)備、操作系統(tǒng)、屏幕大小、默認(rèn)語(yǔ)言、輔助技術(shù)、用戶偏好……因?yàn)槿绱酥?，用一種專門(mén)用于結(jié)構(gòu)的語(yǔ)言來(lái)表達(dá)網(wǎng)頁(yè)(或應(yīng)用)的結(jié)構(gòu)是非常必要的。

我們需要共享結(jié)構(gòu)，以便:

屏幕閱讀器用戶可以通過(guò)標(biāo)題導(dǎo)航網(wǎng)頁(yè)(參見(jiàn)標(biāo)題是目錄)。

有注意力障礙的人可以打開(kāi)閱讀模式

有運(yùn)動(dòng)障礙的人可以使用自動(dòng)填充(參見(jiàn)識(shí)別輸入目的)

想要用母語(yǔ)閱讀外語(yǔ)頁(yè)面的人可以將URL粘貼到谷歌翻譯

所有這些用戶都依賴于我們編寫(xiě)HTML(標(biāo)題、語(yǔ)義結(jié)構(gòu)、自動(dòng)完成屬性、lang屬性)。我們會(huì)為這些用戶打破網(wǎng)絡(luò)嗎?或者，如果我們使用上述建議中的JSON抽象，并從中生成DOM，那么它是否值得打破開(kāi)發(fā)人員目前習(xí)慣于創(chuàng)造可訪問(wèn)體驗(yàn)的方式呢?這種東西本來(lái)就很難教。

即使我們可以穿越回90年代，并且可以從頭開(kāi)始發(fā)明網(wǎng)絡(luò)，我們?nèi)匀恍枰磉_(dá)語(yǔ)義。將語(yǔ)義抽象到JSON可能會(huì)解決一些問(wèn)題，并使一些人的生活更輕松，但是在看到一些嘗試之后，它通常會(huì)消除HTML所提供的簡(jiǎn)單性和靈活性。

用戶需要樣式分開(kāi)

就像把結(jié)構(gòu)分離出來(lái)很重要一樣，用戶也需要我們把風(fēng)格分離出來(lái)。

我們需要樣式分開(kāi)，這樣:

低視力者可使用高對(duì)比度模式;WebAIM的一項(xiàng)調(diào)查顯示，51.4%的人會(huì)這么做。

只有移動(dòng)設(shè)備的人可以在一個(gè)更小的屏幕上訪問(wèn)同一個(gè)網(wǎng)站(響應(yīng)式設(shè)計(jì)有效，因?yàn)镃SS允許HTML與設(shè)備無(wú)關(guān))

有閱讀障礙的人可能想用適合閱讀障礙的字體來(lái)重寫(xiě)一些樣式(參見(jiàn)Seren Davies的閱讀障礙字體)

只能使用鍵盤(pán)的人可以打開(kāi)強(qiáng)制聚焦輪廓的瀏覽器插件

Twitter的用戶可能想要使用一個(gè)定制的樣式表關(guān)掉趨勢(shì)面板(我