Вложенные HTML-теги привязки

Сегодня я работал над вкладкой навигации для веб-страницы. Я попробовал подход раздвижных дверей, который работал нормально. Затем я понял, что должен включить опцию удаления вкладки (обычно маленький X в правом углу каждой вкладки).

Я хотел использовать вложенный якорь, который не работал, потому что это не разрешено. Затем я увидел навигацию по вкладкам в Pageflakes , которая фактически работала (включая вложенные гиперссылки). Почему?

21.08.2008 19:41:07
5 ОТВЕТОВ
РЕШЕНИЕ

Они должны делать действительно сумасшедшие вещи с помощью JavaScript, чтобы заставить его работать (обратите внимание, что ни родительские, ни вложенные теги привязки не имеют атрибута name или href - все функции выполняются через имя класса и JS).

Вот как выглядит HTML:

<a class="page_tab page_tab">
  <div class="page_title" title="Click to rename this page.">Click & Type Page Name</div>
  <a class="delete_page" title="Click to delete this page" style="display: block;">X</a>
</a>
9
21.08.2008 19:46:12

Фактически, код, который я вставил ранее, был сгенерированным DOM после всех манипуляций с JS. Если у вас нет расширения Firebug для Firefox, вы должны получить его сейчас.

Редактировать: удалил старый пост, он больше не был полезен. Firebug есть, так что этот остается :)

0
21.08.2008 19:59:21

Я подозреваю, что работающие или не работающие вложенные ссылки могут зависеть, если ваш браузер отображает страницу в строгом режиме (например, XHTML DTD, application / xml + html MIMEtype) или в режиме «причуд».

0
14.12.2008 01:13:01
Это правда о HTML 5? Я этого не вижу w3.org/html/wg/drafts/html/master/…
Sean 21.03.2013 20:25:36
Я вижу это, но потребовалось время, чтобы увидеть это. На странице, на которую вы ссылались: «Элемент a может быть обернут вокруг целых абзацев, списков, таблиц и т. Д., Даже целых разделов, если внутри нет интерактивного содержимого (например, кнопок или других ссылок)».
Lori 8.06.2013 01:41:43
@Sean В HTML5 <a> называется «Интерактивный контент». w3.org/html/wg/drafts/html/master/… говоря, что в модели контента «не должно быть потомков интерактивного контента»
phnah 5.09.2014 07:27:29

Несмотря на то, что вложенные теги недопустимы, но написание их с использованием JS будет работать !, попробуйте это:

$('<a>', {
     href: 'http://google.com',
     html: '<a>i am nested anchor  </a>I am top Anchor'
 }).appendTo($('body'))
0
3.11.2015 12:53:56