Как настроить таргетинг на текстовые браузеры?

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

Ответы

Ответ 1

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

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

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

Ответ 2

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

Ответ 3

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

Некоторые браузеры в текстовом режиме, такие как ссылки, имеют графический режим, в котором также могут отображаться изображения.

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

Ответ 4

Чтобы лучше использовать серверные браузеры, убедитесь, что вы используете простую семантическую разметку. Храните мантру "Content is King" в виду, когда вы строите свой сайт, и создавайте структуру вокруг контента, а не вокруг визуального шаблона.

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