Как я могу ориентироваться на текстовые браузеры? - PullRequest
14 голосов
/ 27 апреля 2011

Я хотел бы включить разметку, которая облегчит пользователям текстовых браузеров (ссылки, elinks, lynx) использование моего сайта. Я смогу обслуживать эту специальную версию сайта на основе useragent, однако, какие функции разметки особенно хорошо работают с текстовыми браузерами?

Ответы [ 4 ]

15 голосов
/ 14 июня 2011

Лучше всего просто интенсивно использовать CSS для всего форматирования. Маловероятно, что текстовые агенты будут поддерживать все, поэтому при условии, что вы удаляете всю информацию о стилях во внешней таблице стилей (в основном для простоты обслуживания) и просто используете атрибуты class, где это необходимо, вы, вероятно, обнаружите, что сайт изящно ухудшается , Большинство (всех?) Браузеров поставляются с той или иной формой панели инструментов разработчика, так что вы можете отключить стили, скажем, в Firefox, IE, Chrome [что угодно] по требованию, и вы поймете, как это будет выглядеть в текстовых браузерах. .

Единственное, о чем следует помнить - это таблицы - lynx не поддерживает их, но другие текстовые браузеры поддерживают (в большей или меньшей степени). Опять же, просто убедитесь, что страница изящно ухудшается, насколько это возможно.

В конечном итоге использование CSS для всех ваших макетов и фрагментов вашего форматирования должно означать, что большинство проблем, связанных с текстовым форматом, должны быть разрешены.

2 голосов
/ 10 июня 2011

Я не знаю какой-либо специальной разметки, которая вам понадобится для этого.Может быть, просто меньше разметки, чем обычно.Используйте JS как можно меньше, так как они имеют только незначительную поддержку.Любая разметка, которая позволяет сайту выглядеть «красиво» в современных браузерах при использовании CSS и необычного выравнивания, скорее всего, бесполезна и может быть помехой.В зависимости от содержания вы можете использовать простой текст.Или страницы старого стиля (довольно много страниц GNU, подобных этому).Пример в онлайновой версии «Искусство программирования Unix» (http://www.faqs.org/docs/artu/index.html), очень простой дизайн, который легко читать и визуализировать в любом месте. Никакого причудливого или какого-либо подразумеваемого дизайна, просто текстовые ссылки и вам. Хотя это может не подходить длявсе типы контента. По сути, держите его как можно более простым и старайтесь избегать причудливых макетов или каких-либо макетов вообще, поскольку некоторые из этих браузеров просто визуализируют блочные элементы один за другим, а меню, расположенные слева или справа, доходят до низа или поднимаютсявверх весь первый экран без отображения контента, пока не прокрутится вниз. На мой взгляд, горизонтальные верхние меню работают лучше всего. И, конечно, посмотрите, как оно выглядит для вас, немного протестировав и перейдя туда.

1 голос
/ 16 июня 2011

Вы можете проверить строку агента пользователя.Вот полный список .Вы можете проверить рысь, ссылки, elinks и w3m.Тем не менее, лучше вообще не проверять строку агента, а сохранять HTML чистым и простым.Некоторые браузеры в текстовом режиме, такие как elinks, действительно поддерживают javascript.Поддержка CSS может быть разной, но базовый html будет работать.

Некоторые браузеры в текстовом режиме, например ссылки, имеют графический режим, в котором также могут отображаться изображения.придерживайтесь <html>, <body>, <h1>, <p>, <a href="..."> и используйте alt="..." для любых изображений, вы не ошибетесь.

0 голосов
/ 15 июня 2011

Для лучших серверных текстовых браузеров используйте простую семантическую разметку. При создании своего сайта помните мантру «Контент - король» и проектируйте структуру вокруг контента, а не вокруг визуального шаблона.

Когда ваш контент имеет приоритет, ваша страница будет загромождена дополнительной разметкой и визуальными элементами, которые могут запутать текстовые браузеры.

...