我想包括標記,使基於文本的瀏覽器(鏈接,elinks,l))的用戶更容易使用我的網站。我將能夠基於useragent爲這個特殊版本的站點提供服務,但是基於文本的瀏覽器處理特別好的標記功能是什麼?我如何定位基於文本的瀏覽器?
回答
我不知道你需要什麼特殊的標記。也許只是比平時少加價。儘可能少地使用JS,因爲它們只有少量的支持。在現代瀏覽器中使用CSS和花式對齊的任何標記都會使網站看起來「很好」,這在那裏可能毫無價值,可能會有阻礙。根據內容,您可能需要使用簡單的文本。或舊樣式的頁面(相當一些像這樣的GNU頁面)。 「Art of Unix programming」(http://www.faqs.org/docs/artu/index.html)的在線版本示例,非常簡單的設計,易於閱讀和隨處呈現。沒有花哨的或任何隱含的設計,只是文本鏈接和你。雖然它可能不適合所有類型的內容。基本上保持儘可能簡單,並儘量避免花哨的佈局或任何佈局,因爲這些瀏覽器中的一些只是一個接一個地渲染塊元素,而左側或右側的菜單達到底部或佔據整個第一個屏幕沒有內容顯示,直到一個滾動。在我看來,水平頂層菜單效果最好。當然,看看它是如何通過測試和導航來尋找你自己的。
最好的辦法就是大量使用CSS來處理所有的格式。基於文本的代理不太可能支持所有內容,因此可以將所有樣式信息放在外部樣式表中(主要是爲了便於維護),只需在需要時使用class
屬性即可,然後您可能會發現該網站會優雅地降級。大多數(所有?)瀏覽器都帶有某種形式的開發人員工具欄,因此您可以在Firefox,IE,Chrome等任何需求中禁用樣式,並且您會了解如何通過純文本瀏覽器。
唯一需要注意的是表格 - lynx不支持它們,但是其他基於文本的瀏覽器(或多或少)都會這樣做。再一次,只要確保頁面儘可能地優雅降級即可。
最終將CSS用於所有佈局和一大塊格式應該意味着大多數與基於文本的相關的疑慮應該解決。
要獲得最佳服務器基於文本的瀏覽器,請確保使用簡單的語義標記。在構建網站時,請牢記「內容爲王」的口頭禪,圍繞內容設計結構而不是圍繞可視化模板。
當您的內容優先時,您的頁面將被可能混淆基於文本的瀏覽器的額外標記和可視元素整齊排列。
您可以檢查用戶代理字符串。這裏是a comprehensive list。你可以檢查l,,鏈接,elinks和w3m。但是,最好不要檢查代理字符串,並保持html清晰和簡單。一些文本模式的瀏覽器,像elinks,確實有一些javascript支持。 CSS支持各不相同,但底層html仍然有效。
某些文本模式瀏覽器(如鏈接)具有圖形模式,可以在其中顯示圖像。
如果你堅持<html>
,<body>
,<h1>
,<p>
,<a href="...">
並使用alt="..."
任何圖像,你不能出差錯。
- 1. 基於文本的瀏覽器遊戲
- 2. 基於瀏覽器版本
- 3. 我將如何取消基於瀏覽器大小的腳本?
- 4. 如何基於瀏覽器的語言
- 5. 如何基於瀏覽器的
- 6. 基於瀏覽器的IDE?
- 7. 基於瀏覽器的文檔掃描
- 8. 基於QML的Qt文件瀏覽器
- 9. 如何腳本的Firefox或任何基於Mozilla瀏覽器中
- 10. 我如何使用基於Mac的瀏覽器的JavaScript條件?
- 11. 如何僅在打印樣式表中定位基於webkit的瀏覽器?
- 12. 支持javascript的基於Unix文本的瀏覽器
- 13. 基於文本的瀏覽器中的水平導航
- 14. 基於IE瀏覽器版本的網站重定向
- 15. 如何只定位一個瀏覽器?
- 16. 如何定位黑莓瀏覽器?
- 17. 如何將瀏覽器位置應用於我的代碼?
- 18. 如何定位div相對於瀏覽器窗口的底部
- 19. 基於java的瀏覽器中的瀏覽器插件
- 20. 基於文本的網頁瀏覽器時代過去了嗎?
- 21. 用於定位平臺的腳本(不是瀏覽器)
- 22. 基於瀏覽器的UITestControl容器
- 23. 縮放文本相對於瀏覽器窗口中的位置。
- 24. 如何網頁瀏覽器設置爲文本瀏覽器
- 25. 如何將DIV相對於瀏覽器窗口定位?
- 26. 瀏覽器文本
- 27. 定位在跨瀏覽器
- 28. 錨定位瀏覽器
- 29. 定位跨瀏覽器
- 30. CSS定位/ Safari瀏覽器
您可能想查看一般無障礙指南:http://www.w3.org/TR/WCAG20/ – 2011-06-11 20:58:42