Сведения о вопросе

Drake

09:55, 5th August, 2020

Теги

html   tabs   anchor    

Раскроя HTML - anchor теги

Просмотров: 515   Ответов: 5

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

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



  Сведения об ответе

baggs

23:20, 3rd August, 2020

  Сведения об ответе

dump

06:17, 29th August, 2020

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


  Сведения об ответе

+-*/

08:56, 24th August, 2020

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

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


  Сведения об ответе

screen

12:08, 21st August, 2020

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


  Сведения об ответе

darknet

03:35, 25th August, 2020

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

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


Ответить на вопрос

Чтобы ответить на вопрос вам нужно войти в систему или зарегистрироваться