Вложенные HTML-теги привязки
Сегодня я работал над навигацией по вкладкам для веб-страницы. Я попробовал подход Раздвижные двери, который работал нормально. Затем я понял, что должен включить опцию для удаления вкладки (обычно это маленький крестик в правом углу каждой вкладки).
Я хотел использовать вложенную привязку, но это не сработало, потому что разрешено нет. Затем я увидел вкладку-навигацию в Pageflakes, которая действительно работала (включая вложенные гиперссылки). Почему?
Ответы 5
Они должны делать какие-то действительно сумасшедшие вещи с 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>
Фактически, код, который я вставил ранее, был сгенерированным DOM после всех манипуляций с JS. Если у вас нет расширения Firebug для Firefox, вы должны получить его сейчас.
Обновлено: удалил старый пост, он больше не был полезен. Firebug есть, так что этот остается :)
Я подозреваю, что рабочие или неработающие вложенные ссылки могут зависеть от того, отображает ли ваш браузер страницу в строгом режиме (например, XHTML DTD, application / xml + html MIMEtype) или в режиме «причуд».
Вложенные ссылки являются незаконными
Я вижу это, но потребовалось время, чтобы это увидеть. На странице, на которую вы ссылаетесь: «Элемент a может быть обернут вокруг целых абзацев, списков, таблиц и т. д., Даже целых разделов, если внутри нет интерактивного содержимого (например, кнопок или других ссылок)».
@Sean В HTML5 упоминается как «Интерактивный контент».w3.org/html/wg/drafts/html/master/… говорит, что "не должно быть потомков интерактивного контента" в модели содержимого
Несмотря на то, что вложенные теги недопустимы, написание их с использованием JS будет работать !, попробуйте следующее:
$('<a>', {
href: 'http://google.com',
html: '<a>i am nested anchor </a>I am top Anchor'
}).appendTo($('body'))
Верно ли это для HTML 5? Я этого не вижу. w3.org/html/wg/drafts/html/master/…