body - meta html

Nesting HTML- etiquetas de anclaje

Question

Hoy estaba trabajando en una pestaña de navegación para una página web. Probé el enfoque de Puertas correderas , 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).

Quería usar un anclaje anidado, que no funcionó porque no está permitido. Luego vi la navegación por pestañas en Pageflakes , que en realidad funcionaba (incluidos los hipervínculos anidados). ¿Por qué?

Answer 1

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

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

Answer 2

Deben estar haciendo cosas realmente locas con JavaScript para que funcione (observe cómo ni el padre ni las etiquetas anclas anidadas tienen un nombre o un 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>

Answer 3

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

Editar: eliminó la publicación anterior, ya no era útil. Firebug es, así que este se queda :)

Answer 4

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

Answer 5

Los enlaces anidados son ilegales