2011-04-27 104 views
14

我想包括標記,使基於文本的瀏覽器(鏈接,elinks,l))的用戶更容易使用我的網站。我將能夠基於useragent爲這個特殊版本的站點提供服務,但是基於文本的瀏覽器處理特別好的標記功能是什麼?我如何定位基於文本的瀏覽器?

+0

您可能想查看一般無障礙指南:http://www.w3.org/TR/WCAG20/ – 2011-06-11 20:58:42

回答

2

我不知道你需要什麼特殊的標記。也許只是比平時少加價。儘可能少地使用JS,因爲它們只有少量的支持。在現代瀏覽器中使用CSS和花式對齊的任何標記都會使網站看起來「很好」,這在那裏可能毫無價值,可能會有阻礙。根據內容,您可能需要使用簡單的文本。或舊樣式的頁面(相當一些像這樣的GNU頁面)。 「Art of Unix programming」(http://www.faqs.org/docs/artu/index.html)的在線版本示例,非常簡單的設計,易於閱讀和隨處呈現。沒有花哨的或任何隱含的設計,只是文本鏈接和你。雖然它可能不適合所有類型的內容。基本上保持儘可能簡單,並儘量避免花哨的佈局或任何佈局,因爲這些瀏覽器中的一些只是一個接一個地渲染塊元素,而左側或右側的菜單達到底部或佔據整個第一個屏幕沒有內容顯示,直到一個滾動。在我看來,水平頂層菜單效果最好。當然,看看它是如何通過測試和導航來尋找你自己的。

15

最好的辦法就是大量使用CSS來處理所有的格式。基於文本的代理不太可能支持所有內容,因此可以將所有樣式信息放在外部樣式表中(主要是爲了便於維護),只需在需要時使用class屬性即可,然後您可能會發現該網站會優雅地降級。大多數(所有?)瀏覽器都帶有某種形式的開發人員工具欄,因此您可以在Firefox,IE,Chrome等任何需求中禁用樣式,並且您會了解如何通過純文本瀏覽器。

唯一需要注意的是表格 - lynx不支持它們,但是其他基於文本的瀏覽器(或多或少)都會這樣做。再一次,只要確保頁面儘可能地優雅降級即可。

最終將CSS用於所有佈局和一大塊格式應該意味着大多數與基於文本的相關的疑慮應該解決。

0

要獲得最佳服務器基於文本的瀏覽器,請確保使用簡單的語義標記。在構建網站時,請牢記「內容爲王」的口頭禪,圍繞內容設計結構而不是圍繞可視化模板。

當您的內容優先時,您的頁面將被可能混淆基於文本的瀏覽器的額外標記和可視元素整齊排列。

1

您可以檢查用戶代理字符串。這裏是a comprehensive list。你可以檢查l,,鏈接,elinks和w3m。但是,最好不要檢查代理字符串,並保持html清晰和簡單。一些文本模式的瀏覽器,像elinks,確實有一些javascript支持。 CSS支持各不相同,但底層html仍然有效。

某些文本模式瀏覽器(如鏈接)具有圖形模式,可以在其中顯示圖像。

如果你堅持<html><body><h1><p><a href="...">並使用alt="..."任何圖像,你不能出差錯。