建站
咨詢
售后
建站咨詢
新聞中心
一、Web標(biāo)準(zhǔn)
江陰ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！
簡單的說，就是HTML、CSS、JavaScript這三者分離。Web標(biāo)準(zhǔn)不是某一個標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合。網(wǎng)頁主要由三部分組成：結(jié)構(gòu)(Structure)、表現(xiàn)(Presentation)和行為(Behavior)。對應(yīng)的標(biāo)準(zhǔn)也分三方面：結(jié)構(gòu)化標(biāo)準(zhǔn)語言主要包括XHTML和XML，表現(xiàn)標(biāo)準(zhǔn)語言主要包括CSS，行為標(biāo)準(zhǔn)主要包括對象模型(如 W3C DOM)、ECMAScript等。
Web標(biāo)準(zhǔn)的優(yōu)點：
代碼的效率：在HTML文件中使用最精簡的代碼，而把樣式和頁面布局信息包含進(jìn)CSS文件中。則放在服務(wù)器上的文件越小，下載文件需要的時間就越短。
易于維護(hù)：頁面的樣式和布局信息保存在單獨的CSS文件中，如果你想改變站點的外觀時，僅需要在單獨的CSS文件中做出更改即可。整站統(tǒng)一css則可帶來巨大的便利。
可訪問性：上網(wǎng)用戶中那些視力受損的人，通過屏幕閱讀器使用鍵盤命令將網(wǎng)頁的內(nèi)容讀給他們聽。以語義化的HTML(結(jié)構(gòu)和表現(xiàn)相分離的HTML)編寫的網(wǎng)頁文件，就可以讓此類用戶更容易導(dǎo)航，且網(wǎng)頁文件中的重要信息也更有可能被這些用戶找到。
設(shè)備兼容性：純HTML，無附加樣式信息，可以針對具有不同特點(如屏幕尺寸等)的設(shè)備而被重新格式化，只需要引用一套另外的樣式表即可。同時，CSS本身也可以讓你為不同的呈現(xiàn)方式和媒體類型(如在屏幕上閱讀網(wǎng)頁，打印網(wǎng)頁，在移動設(shè)備上閱讀網(wǎng)頁等)規(guī)定不同的樣式表。
網(wǎng)絡(luò)爬蟲/搜索引擎：搜索引擎使用“爬蟲”，解析你的網(wǎng)頁。語義化的HTML能更準(zhǔn)確更快速的被解析，從而知道哪些才是重要的內(nèi)容，那么你的網(wǎng)頁在搜索結(jié)果中的排名就會大受影響。
二、可用性、可訪問性
可訪問性就是對所有人一視同仁，無論他們是否有殘障。
網(wǎng)站的用戶類型：
· 身體健康的用戶;
· 盲人或嚴(yán)重視覺障礙者，他們使用屏幕閱讀器來聽取網(wǎng)站，或者通過點字顯示器來感知網(wǎng)頁;
· 近視者，需要將字體大小放大到200%;
· 患有動性殘疾，因此無法用手操作鼠標(biāo)，而用點擊棒來操作鍵盤，或通過視線點擊器來操作網(wǎng)站的用戶;
· 使用移動設(shè)備如常用的手機，或使用跟蹤球等不常見的計算機控制設(shè)備的用戶。
實現(xiàn)可用性、可訪問性的方法
· 逐步強化你的網(wǎng)站功能，同時對支持性進(jìn)行測試。運用“漸進(jìn)增強”和“平穩(wěn)退化”原則開發(fā)網(wǎng)站。
· 允許用戶關(guān)閉有問題的增強功能。
· 提供相同內(nèi)容或功能的替代版本。
· 就客戶端需要支持的技術(shù)向你的客戶提出建議，并舉例說明哪些公司的產(chǎn)品支持這些技術(shù)。
可訪問性良好網(wǎng)頁的特征
·HTML語義化、結(jié)構(gòu)化：HTML語義結(jié)構(gòu)提供了網(wǎng)頁的整體框架，提示他們在文件層級中所處的位置，還有他們可以如何與各種頁面元素進(jìn)行交互，以及在適當(dāng)?shù)牡胤綄ξ谋緝?nèi)容進(jìn)行強調(diào)，幫助用戶獲得大量重要信息。如導(dǎo)航菜單例子：
· Menu Item 1
· Menu Item 2
· Menu Item 3
說明：通過將導(dǎo)航菜單構(gòu)造為列表，就能很容易地讓那些使用屏幕閱讀器、同時無法看到列表的人知道這是個列表。因為他們的屏幕閱讀器會告訴他們這是一張列表。如果你沒有使用列表標(biāo)記，屏幕閱讀器就沒辦法知道這是列表，因此也就不能告訴使用者了。
· 替代內(nèi)容：文本可以作為頁面內(nèi)容的通用替代內(nèi)容，如img標(biāo)簽的alt屬性值、a標(biāo)簽的title屬性值。
· 說明：文本內(nèi)容可以很方便地由屏幕閱讀器朗讀出來，也可以放大或縮小，還可以方便地改變其對比度，或者進(jìn)行其他許多變形操作。alt 屬性包含了對該圖片的簡短描述，以便無法準(zhǔn)確看到該圖片的用戶(或搜索引擎)使用，title屬性負(fù)責(zé)對鏈接地址的詳細(xì)文本描述。
· HTML定義基本交互：實現(xiàn)tab選項卡搜索功能
· Search within:
· Dogs
· Cats
· Fish
說明：先考慮基本交互(而不是僅僅只加載視覺效果的部分)的話，你就可以簡化實現(xiàn)tab搜索效果?，F(xiàn)在我們可以只用一個表單來進(jìn)行所有的搜索，而同時仍然能實現(xiàn)tab選項卡效果(雖然這需要一點樣式和腳本)。通過 AJAX 來插入頁面內(nèi)容，那禁用javascript的用戶將無法使用。
四個可訪問性標(biāo)準(zhǔn)(WCAG 2.0)：
· 可感知：人們可以通過適合自己的媒體來獲知網(wǎng)頁內(nèi)容。比如應(yīng)當(dāng)讓盲人得以收聽頁面內(nèi)容。例如，圖像應(yīng)該有文本對應(yīng)體。
· 可操作：人們可以與 Web 應(yīng)用程序或內(nèi)容進(jìn)行交互。例如，用戶應(yīng)該可以不用鼠標(biāo)也能與某個網(wǎng)站進(jìn)行交互，并且可以通過屏幕閱讀器來進(jìn)行導(dǎo)航。
· 可理解：使用者可以弄懂頁面內(nèi)容和用戶界面。例如，正文不應(yīng)該比它需要的更加復(fù)雜，且網(wǎng)站應(yīng)以可預(yù)測的方式來運行。
· 健壯性：所提供的一切服務(wù)都應(yīng)當(dāng)不受平臺或操作系統(tǒng)的限制。這樣就可以避免人們提供一些不太完善的服務(wù)，這些服務(wù)會因為硬件/軟件的限制而導(dǎo)致大多數(shù)人都無法使用。例如，不同設(shè)備上的瀏覽器能夠一起使用網(wǎng)站，且導(dǎo)航應(yīng)該是一致的。
說明：網(wǎng)站并不是必須滿足全部這些要求，要視網(wǎng)站用戶類型而定，但為了實現(xiàn)可訪問性，網(wǎng)站應(yīng)當(dāng)確保其頁面可以用一般的屏幕閱讀技術(shù)讀取。
總結(jié)：
可訪問性是網(wǎng)站開發(fā)質(zhì)量的一個衡量標(biāo)準(zhǔn)。如果你在開發(fā)網(wǎng)站的時候(以及開始開發(fā)前)顧及你的使用用戶的話，你就能創(chuàng)建可用性、可訪問性更好、更符合Web標(biāo)準(zhǔn)的網(wǎng)頁，并且享受它所帶來的一切好處。
網(wǎng)站名稱：淺談Web標(biāo)準(zhǔn)、可用性、可訪問性
網(wǎng)址分享：http://m.5511xx.com/article/cojpice.html
