Вопрос по anchor, html – Вы должны назначить имена разделов или идентификаторы 1, 2 и 3 для разделов, тогда это будет работать для вас ..

18

агрузить страницу и открыть ее в определенном месте загруженной страницы?

Например, допустим, у меня естьpage1.html, который имеет 3 ссылки

<a href="page2.html#1">1</a>
<a href="page2.html#2">2</a>
<a href="page2.html#3">3</a>

наpage2.htmlУ меня есть эти ссылки на странице, то есть

<a href="page3.html#1">1</a>
<a href="page3.html#2">2</a>
<a href="page3.html#3">3</a>

но когда я нажимаю на#2 или же#3 ссылка отpage1.htmlони всегда открываются вверху страницы, хотя#2 а также#3 выключеныpage2.html которые нужно прокрутить вниз, чтобы увидеть.

Не уверен, что я делаю не так.

Можете ли вы опубликовать пример HTML-кода, содержащего якоря, которые у вас есть на месте - например, <h2 name = "2"> Второй раздел </ h2> Nick

Ваш Ответ

6   ответов
5

Использование атрибута name или id в теге привязки нацель страница достигнет желаемого результата.

<a name="someLocation" id="someLocation">SomeText</a>

В соответствии с соглашением XHTML 1.1 атрибут name тега привязки был заменен атрибутом id. В контексте XHTML 1.0 атрибут name считается устаревшим.

Смотрите этот ответ для связанного обсуждения изменений к тегу привязки.

Подводя итог: по соображениям совместимости многие предлагают использовать как атрибут id, так и атрибут name в одном и том же элементе. В этом случае якорный тег.

Стандарт W3C рекомендует (относительно всех применимых элементов):

Атрибуты id и name имеют одинаковое пространство имен. Это означает, что они не могут одновременно определять привязку с одинаковым именем в одном и том же документе. Разрешено использовать оба атрибута для указания уникального идентификатора элемента для следующих элементов: A, APPLET, FORM, FRAME, IFRAME, IMG и MAP. Когда оба атрибута используются в одном элементе, их значения должны быть идентичны.

Извиняюсь за любое дублирование, мне не хватает репутации, чтобы комментировать лучший ответ.

21

к которому он должен «перейти».

Например, если у вас есть

<div id="part1">
  <p>Blah blah blah</p>
</div>

<div id="part2">
  <p>Blah blah blah</p>
</div>

<div id="part3">
  <p>Blah blah blah</p>
</div>

И все они вpage.html

Тогда вы можете сослаться наpage.html#part1, page.html#part2 и т. д. и т. д., и он перейдет на правильную часть страницы

Обновить:

Вы также можете использовать атрибут имени, однако я предпочитаю использовать идентификатор. Это потому, что все может иметь идентификатор, но не обязательно имя. Например, я не думаю, что name является допустимым атрибутом для тега 'a' в HTML 5. Также, если у вас есть один элемент с id = "part1" и другой элемент с name = "part1", один с идентификатором будет иметь приоритет. Чтобы избежать путаницы, я просто придерживаюсь одного метода. Есть немного больше обсуждения по этомуВот

как заставить его перейти на другую вкладку радионавигации? PatrickGamboa
2

<a href="#jumppoint">goto '#jumppoint'</a>

прыгает к:

<div id="jumppoint">  <!-- name="" does not work here on modern browsers -->
   <h2>here</h2>
</div>

а также:

<a name="jumppoint" />
<h2>here</h2>
1

www.yoursite / index.html # content прокрутит вас до<div id="content"> если он существует или<div name="content">.

35

Вам нужно поставитьназванный якоря наpage2.html, вот так:

<a name="1"></a>
…
<a name="2"></a>
…
<a name="3"></a>

- Это было до HTML5. В настоящее время вы используетеid вместоname.

@oshirowanen Да, это возможно. Однако ради здравомыслия я бы разделил эти два понятия. То есть я всегда оставляю якоря пустыми и использую отдельный тег для ссылок. Или действительно что-нибудь еще. Konrad Rudolph
Могут ли эти именованные якоря содержать в себе href? oshirowanen
@KonradRudolph, лиid работать в браузерах, таких как IE7 и т. д.? Pacerier
0

2 и 3 для разделов, тогда это будет работать для вас ..

Похожие вопросы