- 18, May 2024
- #1
Я обновляю старый сайт, чтобы, среди прочего, сделать его адаптивным.
На сайте используется боковая панель для навигации.
Меню навигации использует идентификаторы, чтобы сообщать посетителям сайта, где они находятся на сайте (ссылка на текущую страницу имеет другой цвет). В небольших окнах браузера боковая панель исчезает и заменяется меню навигации над и под содержимым.
Вот в чем загвоздка: поскольку идентификаторы выполняют одно и то же действие и поскольку для любого размера окна виден только один набор идентификаторов, кажется разумным использовать одни и те же идентификаторы как для боковой панели, так и для навигации по маленькому экрану.
Но валидатор кода ненавидит меня за это.
Он видит повторяющиеся идентификаторы и помечает их. Здесь не используется Javascript, все появление и исчезновение выполняется с помощью медиазапросов CSS.
Валидатор неоправданно придирчив или мне следует создать новый набор идентификаторов для версии с маленьким экраном?
Вот пример незавершенной работы:
https://realmendocino.com/trailmonth.php
На сайте используется боковая панель для навигации.
Меню навигации использует идентификаторы, чтобы сообщать посетителям сайта, где они находятся на сайте (ссылка на текущую страницу имеет другой цвет). В небольших окнах браузера боковая панель исчезает и заменяется меню навигации над и под содержимым.
Вот в чем загвоздка: поскольку идентификаторы выполняют одно и то же действие и поскольку для любого размера окна виден только один набор идентификаторов, кажется разумным использовать одни и те же идентификаторы как для боковой панели, так и для навигации по маленькому экрану.
Но валидатор кода ненавидит меня за это.
Он видит повторяющиеся идентификаторы и помечает их. Здесь не используется Javascript, все появление и исчезновение выполняется с помощью медиазапросов CSS.
Валидатор неоправданно придирчив или мне следует создать новый набор идентификаторов для версии с маленьким экраном?
Вот пример незавершенной работы:
https://realmendocino.com/trailmonth.php