Якоря HTML с классами или узлами

Question

Якоря HTML с классами или узлами

0

Есть ли способ включить что-то префикс с # в URL-адрес, который будет переходить к элементу с атрибутом class, а не с id или name?

Я знаю, что якоря обычно используются для таких вещей:

<body>
    <a id="top"><!-- Header goes here --></a>
    ...
    <h2>Section Title</h2>&nbps;<a href="#top">Top</a>
</body>

Но иногда я хочу ссылаться на div на странице, которая не имеет ни атрибута id ни name. Возьмем, например, следующую страницу:

<html>
    ...
    <body>
        <!-- 2 to 3 screens' worth of content here -->
        ...
        <table class="t-blue">
            <!-- Relevant info -->
        </table>
    </body>
</html>

Если я хочу связать напрямую с способным, есть ли способ сделать это? Может быть, что-то вроде http://some-site.com/index.html#.t-blue[0] или http://some-site.com/index.html#.table[0]?

Заранее спасибо!

KevinOrr 13 март 2014, в 20:03

Источник

0

Прокрутка id / name осуществляется на уровне браузера, но он не поддерживает его с class , поскольку один и тот же class может находиться на нескольких разных элементах (к какому элементу он будет прокручиваться в этом случае?). Вы могли бы реализовать это самостоятельно, но почему бы не использовать более семантически правильные атрибуты name или id которые уже имеют поддержку?
ajp15243 13 март 2014, в 18:27
0

использовать идентификатор для внутренних ссылок. index.html # что-то приведет к элементу #something id на странице. Вы не можете ссылаться на таблицу так, как она у вас есть сейчас. Если вы поместите идентификатор на него, то обязательно page.html # tableID
Huangism 13 март 2014, в 18:27
0

@ ajp15243 Я бы использовал id в одно мгновение, за исключением того, что я не написал страницу. Если вам интересно, это на самом деле таблица в боковой панели этого subreddit .
KevinOrr 13 март 2014, в 18:30
1

@KevinOrr О, Бог должен сопротивляться ссылке Reddit во время работы ... на более серьезной ноте: если вы не можете изменить разметку, то лучший вариант - это каким-то образом получить решение JS, которое находит элементы с этим классом, возможно, предположим, что первый - единственный, который вы хотите, а затем выделите его. Я не думаю, что вы сможете выполнить указанный JS, однако, если вы ссылаетесь на внешнюю страницу.
ajp15243 13 март 2014, в 18:34
1

@ ajp15243 Хорошо! Пора взломать XSS!
KevinOrr 13 март 2014, в 18:45

Показать ещё 3 комментария

Теги:

html

url

1 ответ

Ещё вопросы

Прокрутка id / name осуществляется на уровне браузера, но он не поддерживает его с class , поскольку один и тот же class может находиться на нескольких разных элементах (к какому элементу он будет прокручиваться в этом случае?). Вы могли бы реализовать это самостоятельно, но почему бы не использовать более семантически правильные атрибуты name или id которые уже имеют поддержку?
использовать идентификатор для внутренних ссылок. index.html # что-то приведет к элементу #something id на странице. Вы не можете ссылаться на таблицу так, как она у вас есть сейчас. Если вы поместите идентификатор на него, то обязательно page.html # tableID
@ ajp15243 Я бы использовал id в одно мгновение, за исключением того, что я не написал страницу. Если вам интересно, это на самом деле таблица в боковой панели этого subreddit .
@KevinOrr О, Бог должен сопротивляться ссылке Reddit во время работы ... на более серьезной ноте: если вы не можете изменить разметку, то лучший вариант - это каким-то образом получить решение JS, которое находит элементы с этим классом, возможно, предположим, что первый - единственный, который вы хотите, а затем выделите его. Я не думаю, что вы сможете выполнить указанный JS, однако, если вы ссылаетесь на внешнюю страницу.

J. A. Streich · Answer 1 · 2014-03-13T16-00-00.000Z

Не без JavaScript на странице с якорем.

# Ссылки относятся к именованным якорям или идентификаторам, поскольку они определены как уникальные в стандарте, а также способ записи стандарта.

С JavaScript на странице с помощью, вы можете использовать url в адресной строке, проанализировать его и прокрутить до элемента с этим классом. Но если у вас есть доступ к записи JS на эту страницу, почему бы просто не использовать идентификатор или имя?