Информация об изменениях

Сообщение Re[2]: Связи в разметке (на примере HTML) от 07.12.2024 14:42

Изменено 07.12.2024 14:51 Alekzander

Re[2]: Связи в разметке (на примере HTML)
Здравствуйте, vsb, Вы писали:

vsb>Да вроде в языках программирования всё давно придумали. Идентификаторы с областями видимости. Вложенные идентификаторы "затеняют" внешние. Т.е. вопрос лишь в том, как грамотно спроектировать эти области видимости. Самый очевидный вариант это использовать специальный элемент, не влияющий на визуальное отображение. Ну или использовать атрибут у существующего элемента.


vsb>
vsb><div id="name">Name:</div>
vsb><div scope>
vsb>  <label for="name">Last name</label>
vsb>  <input id="name">
vsb></div>
vsb><div scope>
vsb>  <label for="name">First name</label>
vsb>  <input id="name">
vsb></div>
vsb><a href="#name">Back<a>
vsb>


А если есть тулбар вверху, который управляет компоновкой блока внизу, и каждая кнопка тулбара включает/выключает элемент в этом нижнем блоке? Нужно настроить связи между ними так, как они сейчас настраиваются через aria-controls + id.

Я потому и взял два этих разных примера (for и aria-controls), чтобы на проблему можно было посмотреть с разных сторон.
Re[2]: Связи в разметке (на примере HTML)
Здравствуйте, vsb, Вы писали:

vsb>Да вроде в языках программирования всё давно придумали. Идентификаторы с областями видимости. Вложенные идентификаторы "затеняют" внешние. Т.е. вопрос лишь в том, как грамотно спроектировать эти области видимости. Самый очевидный вариант это использовать специальный элемент, не влияющий на визуальное отображение. Ну или использовать атрибут у существующего элемента.


vsb>
vsb><div id="name">Name:</div>
vsb><div scope>
vsb>  <label for="name">Last name</label>
vsb>  <input id="name">
vsb></div>
vsb><div scope>
vsb>  <label for="name">First name</label>
vsb>  <input id="name">
vsb></div>
vsb><a href="#name">Back<a>
vsb>


А если есть тулбар вверху, который управляет компоновкой блока внизу, и каждая кнопка тулбара включает/выключает элемент в этом нижнем блоке? Нужно настроить связи между ними так, как они сейчас настраиваются через aria-controls + id. Иными словами, включить их внутрь <scope> или <div scope> не выйдет.

Я потому и взял два этих разных примера (for и aria-controls), чтобы на проблему можно было посмотреть с разных сторон.