Должен ли я использовать элемент FORM, если я не отправляю данные? Правильная (X) HTML-разметка

Question

В моем веб-приложении у меня есть страница профиля пользователя.На этой странице есть следующие элементы:

Connect with Twitter
Connect with Facebook
Timezone Select
Language Select

Первые две вещи всплывают в окне OAuth, позволяя пользователю подключиться.Последние две вещи сохраняются с AJAX.

Когда я делаю страницу, как я должен делать HTML?Я думаю, что все элементы, вероятно, должны быть

элементами в элементе 'ul', в отличие от отдельных элементов 'div' или 'p' для каждого.

Но какой элемент контейнера я должениспользовать?Я спорю между использованием «div» и использованием «формы», которая не имеет действия.

Я собираю некоторые данные, это аргумент для элемента «формы», но формана самом деле не будет использоваться - не будет кнопки отправки.Так что это аргумент против этого.

Что было бы лучшим способом сделать это?Если вы можете предоставить ссылку на вспомогательную документацию, которая также будет полезна.

Спасибо!

Answer 1

Лучшая практика - заставить сайт работать без Javascript, а затем постепенно добавлять Javascript / AJAX к нему в качестве улучшений.

Прогрессивное улучшение (Википедия)

Прогрессивное улучшение - это стратегия для веб-дизайна, который подчеркивает доступность, семантическая разметка HTML, и внешние таблицы стилей и сценарии технологии. Прогрессивное улучшение использует веб-технологии в многоуровневой мода, которая позволяет каждому получить доступ основное содержание и функциональность веб-страницу, используя любой браузер или Подключение к интернету, а также предоставление тем с лучшей пропускной способностью, более продвинутое программное обеспечение браузера или больше испытать расширенную версию стр.

Так что да, вы должны использовать form. **

**, если вы заботитесь о прогрессивном улучшении. Как обсуждалось в комментариях к этому ответу, в вашем случае, когда вас это не волнует / вас не волнует, это не имеет значения. Используйте любой элемент, который вам больше нравится.

Answer 2

Чисто с точки зрения доступности, не зная, как вы хотите реализовать это, звучит так, как будто функции выбора языка и выбора часового пояса требуют, чтобы клиент выбирал из списка.Для этого я предлагаю две маленькие формы.Каждая форма будет содержать тег label, который использует атрибут for.Эти формы также имеют тег ввода списка.Наконец, у них будет кнопка отправки.Вы бы дали атрибуты имени входных тегов.Вы должны вставить значения атрибутов имени в строки атрибутов for для тегов меток.

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