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

Question

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

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

Answer 1

Они должны делать некоторые действительно сумасшедшие вещи с помощью JavaScript, чтобы заставить его работать (обратите внимание, как ни родительский, ни вложенный теги привязки не имеют имени или атрибута 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> 

Answer 2

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

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

Answer 3

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

Answer 4

Nested links are illegal

Answer 5

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

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