Как сделать якорь по классу?

Question

[Андрей]

Я использую id для секций, чтобы с помощью навигации к ним обращаться используя якорные ссылки . Но все постоянно говорят что лучше использовать в верстке только классы, я их и использую за исключением секций, так как не знаю что нужно чтобы навигация работала по классу. Подскажите правильное решение пожалуйста!

Comments

[Андрей Токмаков]

Все правильно, для верстки только классы, а id будет для навигации, а не для верстки

[Конан Варвар]

Андрей Токмаков: Вы издеваетесь? Вы считаете, что навигация это не часть верстки? Не путайте человека.

[Алекс Глебов]

Для привязки скриптов используется id
+ ссылки с якорем (как ваша навигация) это прямое назначение id

[Андрей Токмаков]

JaredWinter: Как таковая не является

[Ankhena]

JaredWinter: Правильнее сказать не используйте id для стилизации.

Андрей Классы для стилизации, id для js (классы тоже можно, удобно с пометками js-myclass) и навигации.

[Тимур Орлов]

Конан Варвар, Тогда уж уточнять надо - это часть вёрстки и она полезна не только в качестве якоря. Но по ним не верстают стилями.

[Тимур Орлов]

Андрей, по идентификаторам не верстают стилями, их используют в технических целях. Хотя многие библиотеки javascript используют их для событий своих.
Но можно так же по классам переходы делать (javascript или библиотека jQuery);
Для этого вытаскиваешь значение из атрибута SRC тега A, обрезаешь символ "#" (первый по счёту), только делай названия не повторяющимися вообще, и вместо # ищи по классу.
Но заморачиваться так с классами не стоит, абсолютно. А если плавный эффект нужен, тут в любом случае придётся код писать ))

Answer 1

[Конан Варвар]

Не слушайте тех, кто такое говорит. Если грамотно, то можно использовать и классы и id, только если вы уверены, что этот id не будет использоваться ещё на одной странице.
По этому все вы правильно делаете.

Самый просто пример навигации https://jsfiddle.net/cse_tushar/Dxtyu/141/.
Её правильно делать через id.

Comments

[Владислав]

Вариантов реализации много, и да, привязка к id не самый лучший вариант. Особенно если используются динамические id. Я за привязку к data атрибутам.

[Stalker_RED]

уверены, что этот id не будет использоваться ещё на одной странице.

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

[Stalker_RED]

Смотрите-ка, я вообще убрал javascript - а оно работает! Магия! https://jsfiddle.net/w15q698c/
(Это еще один аргумент в пользу id)

[Конан Варвар]

Stalker_RED: Конечно именно это я и имел ввиду :) На разных страницах один и тот же id использовать можно :)