body - meta html
Nesting HTML- etiquetas de anclaje (5)
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''))
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é?
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>
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 :)
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".