iNeextt
@iNeextt
Junior Front end Developer

Есть ли какой-то best practice создания HTML (JS) табов?

Посмотрел несколько уроков на ютубе по разработке табов.

Некоторые делают их на чистом HTML + CSS при помощи псевдокласса :target, некоторые пишут их на чистом JS, а некоторые при помощи jQuery.

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

Что вы думаете по этому поводу, как вы пишете табы?
  • Вопрос задан
  • 230 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 2
mrusklon
@mrusklon
Не получается? Яростно гугли!
jQuery к моему сожалению, а может и не только моему, уже устарел(
нативный js хорош но если есть вариант использовать css , это будет быстрее и легче для браузера
Ответ написан
profesor08
@profesor08 Куратор тега JavaScript
Есть несколько правил.

  1. Реализация переключения табов не должна быть связана с дизайном этих табов. Ты должен иметь возможнось использовать любой html в качестве элементов интерфейса, кнопки, контент и тд.
  2. Элементов может быть сколь угодно, причем они могут повторяться. Как элементы табов, так и сами блоки.


Из этого следует то, что ни html элементы, ни css, не способны в полной мере покрыть эти задачи. А значит придется писать реализацию на js, навешивая дата атрибуты на элементы, чтоб определить их назначение и отделить одни табы от других.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы