etiquetas de anclaje de anidamiento html-

Question

Hoy en día yo estaba trabajando en una navegación pestaña de una página web. Probé el enfoque Sliding Doors que funcionó bien. Luego me di cuenta de que debía incluir una opción para eliminar una pestaña (generalmente una X pequeña en la esquina derecha de cada pestaña).

que quería utilizar un anclaje anidado, que no funcionaba porque es not permitido. Luego vi la navegación con pestañas en Pageflakes, que en realidad funcionaba (incluidos los hipervínculos anidados). ¿Por qué?

Answer 1

Deben estar haciendo cosas realmente locas con JavaScript para que funcione (observe cómo ni el padre ni las etiquetas de anclaje anidados tienen un nombre o atributo href; toda la funcionalidad se realiza a través del nombre de clase y JS).

Esto es lo que se ve como el 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

En realidad, el código que había pegado previamente era el DOM generado, después de todo, la manipulación JS. Si no tiene la extensión Firebug para Firefox, debería obtenerla ahora.

Editar: Se eliminó la entrada antigua, que ya no era útil. Firebug es, así que este se queda :)

Answer 3

Sospecho que los enlaces anidados trabajando o no trabajando pueden depender si su navegador representa la página en modo estricto (por ejemplo, XHTML DTD, application/xml + html MIMEtype), o en "peculiaridades" " modo.

Answer 4

Nested links are illegal

Answer 5

A pesar de las etiquetas anidadas son ilegales, pero escribirlos usando JS trabajará !, intente esto:

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