WEB標准不是某一個標准，而是一系列標准的集合。
網頁主要由三部分組成：結構（Structure）、表現（Presentation）和行為（Behavior）。
結構標准：相當於人的身體。html就是用來制作網頁的。
表現標准： 相當於人的衣服。css就是對網頁進行美化的。
行為標准： 相當於人的動作。JS就是讓網頁動起來，具有生命力的。
1、Web標准的三個規范
(1)結構(Structure)
①HTML
HTML英語意思是：Hypertext Marked Language，即超文本標記語言,使用HTML語言描述的文件，需要通過WWW瀏覽器顯示出效果。是一種最為基礎的語言。所謂超文本，因為它可以加入圖片、聲音、動畫、影視等內容，因為它可以從一個文件跳轉到另一個文件，與世界各地主機的文件連接。所謂標記，就是它采用了一系列的指令符號來控制輸出的效果，這些指令符號用“<標簽名字屬性>”來表示。
②XHTML
XHTML是HTML向XML的過渡語言，刪除了部分表現層的標簽，標准要求提高，有嚴謹的結構，所有標簽必須關閉。如果是單獨不成對的標簽，在標簽最后加一個"/"來關閉它。
③XML
XML（eXtensible Markup Language）即可擴展標記語言，最初設計的目的是彌補HTML的不足，以強大的擴展性滿足網絡信息發布的需要，后來逐漸用於網絡數據的轉換和描述。XML是一種簡單的數據存儲語言，使用一系列簡單的標記描述數據，而這些標記可以用方便的方式建立，雖然XML占用的空間比二進制數據要占用更多的空間，但XML極其簡單易於掌握和使用。
(2)表現(Behaivor)
表現標准語言主要包括CSS（Cascading Style Sheets）層疊式樣式表，通過CSS樣式表，W3C創建CSS標准的目的是以CSS取代HTML表格式布局、幀和其他表現的語言，通過CSS樣式可以使頁面的結構標簽更具美感、網頁外觀更加美觀。
(3)行為(Presentation)
行為是指頁面和用戶具有一定的交互，同時頁面結構或者表現發生變化，標准主要包括對象模型（如W3C DOM）、ECMAScript並要求這三部分分離。
①DOM
DOM是Document Object Model文檔對象模型的縮寫。DOM是一種與瀏覽器，平台，語言的接口，使得你可以訪問頁面其他的標准組件。簡單理解，DOM解決了Netscaped的Javascript和Microsoft的Jscript之間的沖突，給予web設計師和開發者一個標准的方法，讓他們來訪問他們站點中的數據、腳本和表現層對像。
②ECMAScript
ECMAScript是ECMA(EuropeanComputer Manufacturers Association)制定的標准腳本語言（JAVAScript）
2、Web標准示例
<P> 我寫的不是HTML代碼，是寂寞。<br><br> 我說：<br>不要迷戀哥，哥只是一個傳說 在這段代碼當中，第一眼看上去沒有明顯的語法錯誤。是的，在html 4.01 strict下是完全正確的，但是在Web標准下，就是xhtml 1.0 strict下就是錯誤的，不合乎規范。xhtml有嚴謹的結構，所有標簽必須關閉。如果是單獨不成對的標簽，在標簽最后加一個"/"來關閉它。所以，代碼中的<P>要匹配一個</p>, <br>要改成<br/>,其次所有標簽必須小寫，所以<P>也是錯誤的，要改成<p>;最后 空格符必須包含在容器當中，也是錯誤的。
考點1.html 4.01與Web標准xhtml 1.0的差別
起初，我以為如果能回答到上面所說的錯誤基本能拿滿分了，其實不然，回答完上面的只能及格。Web標准要求的結構與表現分離，而考題當中運用了 控制縮進，是錯誤的，我們應該應用Css來控制文本的縮進，所以 應該刪掉。
考點2.結構與表現分離
最后，還有一處錯誤，題目當中連續使用兩個<br>來制造了兩個段落，<br>是強制折行標簽，這樣做確實達到了兩個段落的效果，但是后期段間距不易控制，我們應該合理運用標簽。所以正確的做法是我們應該應用兩個<p>標簽來表示兩個段落。
考點3.合理運用標簽
所以，在XHTML標准下，正確的修改應該是：
<p>我寫的不是HTML代碼，是寂寞。</p><p>我說：<br/>不要迷戀哥，哥只是一個傳說</p>
這樣就完美了嗎？不是，還有加分點，為了更符合Web標准，我們應該適當的的運用標簽語義化。也就是“我"說的話，可以用<q>標簽標注。
<p>我寫的不是HTML代碼，是寂寞。</p><p>我說：<br/><q>不要迷戀哥，哥只是一個傳說</q></p>
這樣就足夠了，標簽語義化也應該合理的運用，過分使用也會顯得太畫蛇添足。當然，如果還要添加，“我”字可以用<cite>（<cite> 標簽定義作品（比如書籍、歌曲、電影、電視節目、繪畫、雕塑等等）的標題。）標注，“HTML”可以用<abbr>（縮寫，屬性為title全稱）標注：
<p><cite>我</cite>寫的不是<abbr title=”Hyper Text Markup Language”>HTML</abbr>代碼，是寂寞。</p><p><cite>我</cite>說：<br/><q>不要迷戀哥，哥只是一個傳說</q></p>
加分點：標簽語義化
綜上，我們使用Web標准去編寫代碼，就像我前面說的，目的是write less，do more。我們的代碼更加規范，更加合乎標准，我們的頁面就更容易被搜索引擎抓取收錄。
web標准有關XHTML代碼規范:
1.所有的標記都必須要有一個相應的結束標記；
以前在HTML中，你可以打開許多標簽，但在XHTML中這是不合法的。XHTML要求有
嚴謹的結構，所有標簽必須關閉。如果是單獨不成對的標簽，在標簽最后加一個"/"來關閉它。
2.所有標簽的元素和屬性的名字都必須使用小寫；
3.所有的XML標記都必須合理嵌套
4.所有的屬性必須用引號""括起來
5.把所有<和&特殊符號用編碼表示 :
任何小於號（<），不是標簽的一部分，都必須被編碼為& l t ;
任何大於號（>），不是標簽的一部分，都必須被編碼為& g t ;
任何與號（&），不是實體的一部分的，都必須被編碼為& a m p;
6.給所有屬性賦一個值，XHTML規定所有屬性都必須有一個值，沒有值的就重復本身。
7.不要在注釋內容中使“--”，“--”只能發生在XHTML注釋的開頭和結束，也就是說，在內容中它們不再有效。
3、對W3C的認識
W3C對web標准提出了規范化的要求，也就是在實際編程中的一些代碼規范：包含如下幾點
1.對於結構的要求
1）標簽字母要小寫
2）標簽要閉合
3）標簽不允許隨意嵌套
2.對於css和js的要求
1）盡量使用外鏈css樣式表和js腳本。使結構、表現和行為分為三塊，符合規范。同時提高頁面渲染速度，提高用戶的體驗。
2）樣式盡量少用行間樣式表，使結構與表現分離，標簽的id和class等屬性命名要做到見文知義，標簽越少，加載越快，用戶體驗提高，代碼維護簡單，便於改版。
3）不需要變動頁面內容，便可提供打印版本而不需要復制內容，提高網站易用性。
4、Web標准之可訪問性、可用性、可維護性
1)可用性：
產品是否容易上手，用戶能否完成任務，效率如何，以及這過程中用戶的主觀感受可好，是從用戶的角度來看產品的質量。可用性好意味着產品質量高，是企業的核心競爭力。
2)可維護性：
一般包含兩個層次，一是當系統出現問題時，快速定位並解決問題的成本，成本低則可維護性好。二是代碼是否容易被人理解，是否容易修改和增強功能。可維護性和可復用性、可擴展性等有交叉的地方。構建可維護性好的代碼，對企業的長期發展非常重要。
3)可訪問性：
在《Web Content Accessibility Guidelines 1.0（Web內容可訪問性指南）》里，對可訪問性的描述是：Web內容對於殘障用戶的可閱讀和可理解性。同時指南里還特別指明：提高可訪問性也能讓普通用戶更容易理解Web內容。具體而言，要考慮以下兩方面：
- 無論用戶是否殘障，都得通過用戶代理（User Agent）來訪問Web內容。因此要提高可訪問性，首先得考慮各種用戶代理 ：桌面瀏覽器、語音瀏覽器、移動電話、車載個人電腦等等。在Google, 專門聘請了一些殘障雇員，來幫助提高產品的可訪問性。
- 還得考慮用戶訪問Web內容時的環境限制 。比如：嘈雜的環境、過暗或過亮的房間、或者是免提等各種情況。這是更高一層次的可訪問性要求，做到了，能造就產品在特定領域的核心競爭力。
實現可用性、可訪問性的方法
- 逐步強化你的網站功能，同時對支持性進行測試。運用“漸進增強”和“平穩退化”原則開發網站。
- 允許用戶關閉有問題的增強功能。
- 提供相同內容或功能的替代版本。
- 就客戶端需要支持的技術向你的客戶提出建議，並舉例說明哪些公司的產品支持這些技術。
四個可訪問性標准（WCAG 2.0）
- 可感知：人們可以通過適合自己的媒體來獲知網頁內容。比如應當讓盲人得以收聽頁面內容。例如，圖像應該有文本對應體。
- 可操作：人們可以與 web 應用程序或內容進行交互。例如，用戶應該可以不用鼠標也能與某個網站進行交互，並且可以通過屏幕閱讀器來進行導航。
- 可理解：使用者可以弄懂頁面內容和用戶界面。例如，正文不應該比它需要的更加復雜，且網站應以可預測的方式來運行。
- 健壯性：所提供的一切服務都應當不受平台或操作系統的限制。這樣就可以避免人們提供一些不太完善的服務，這些服務會因為硬件/軟件的限制而導致大多數人都無法使用。例如，不同設備上的瀏覽器能夠一起使用網站，且導航應該是一致的。
web標准的優點：
- 代碼的效率：
在HTML文件中使用最精簡的代碼，而把樣式和頁面布局信息包含進CSS文件中。則放在服務器上的文件越小，下載文件需要的時間就越短。 - 易於維護：
頁面的樣式和布局信息保存在單獨的CSS文件中，如果你想改變站點的外觀時，僅需要在單獨的CSS文件中做出更改即可。整站統一css則可帶來巨大的便利。 - 可訪問性：
上網用戶中那些視力受損的人，通過屏幕閱讀器使用鍵盤命令將網頁的內容讀給他們聽。以語義化的HTML（結構和表現相分離的HTML）編寫的網頁文件，就可以讓此類用戶更容易導航，且網頁文件中的重要信息也更有可能被這些用戶找到。 - 設備兼容性：
純HTML，無附加樣式信息，可以針對具有不同特點（如屏幕尺寸等）的設備而被重新格式化，只需要引用一套另外的樣式表即可。同時，CSS本身也可以讓你為不同的呈現方式和媒體類型（如在屏幕上閱讀網頁，打印網頁，在移動設備上閱讀網頁等）規定不同的樣式表。
*網絡爬蟲/搜索引擎：搜索引擎使用“爬蟲”，解析你的網頁。語義化的HTML能更准確更快速的被解析，從而知道哪些才是重要的內容，那么你的網頁在搜索結果中的排名就會大受影響
來自： https://www.jianshu.com/p/cb48f875b6f5