Anidamiento de etiquetas de anclaje HTML

StackOverflow https://stackoverflow.com/questions/20926

  •  09-06-2019
  •  | 
  •  

Pregunta

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

Quería usar un ancla anidada, que no funcionó porque es no permitido.Luego vi la pestaña de navegación en copos de página, que realmente estaba funcionando (incluidos los hipervínculos anidados).¿Por qué?

¿Fue útil?

Solución

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

Así es como se ve 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>

Otros consejos

En realidad, el código que había pegado anteriormente era el DOM generado, después de toda la manipulación de JS.Si no tienes el insecto de fuego extensión para Firefox, deberías obtenerla ahora.

Editar:Borré el post antiguo, ya no servía.Firebug lo es, así que este se queda :)

Sospecho que los enlaces anidados que funcionan o no pueden depender de si su navegador muestra la página en modo estricto (p. ej.XHTML DTD, aplicación/xml+html tipo MIME), o en modo "peculiaridades".

A pesar de que las etiquetas anidadas son ilegales, ¡escribirlas usando JS funcionará! Intenta esto:

$('<a>', {
     href: 'http://google.com',
     html: '<a>i am nested anchor  </a>I am top Anchor'
 }).appendTo($('body'))
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top