Help:Lint errors/html5-misnesting/es
Wikitexto de entrada
<span>a
b</span>
Salida de Tidy
Tidy limpia la salida del analizador PHP para generar
<p><span>a</span></p>
<p><span>b</span></p>
Salida de HTML5 (p. ej.: Parsoid, RemexHTML)
Pero una herramienta basada en HTML5 limpiará la salida del analizador PHP de forma diferente para generar
<p><span>a</span></p>
<p>b</p>
Corrección recomendada
Cambia el wikitexto a:
<span style="...">a</span>
<span style="...">b</span>
or to:
<div style="...">
a
b
</div>
Otros consejos
En ocasiones se incluyen páginas en el grupo de error denominado Etiqueta mal anidada con representación distinta en HTML5 y HTML4 aunque el problema real sea una etiqueta de apertura o de cierre extraviada.
Si hay errores de etiqueta de cierre faltante o etiqueta desparejada en la página que tratas de arreglar, corrige esos primero y puede que el error de etiquetas mal anidadas se vaya como resultado de esas correcciones.
En ocasiones, ni siquiera se muestra el error etiqueta de cierre faltante a pesar de ser el error real (véase el caso de uso a continuación que empieza por «Esta línea está resaltada...»).
Una de las principales formas en que esto afecta a las páginas wiki es cuando se utiliza un span (o cualquier otra etiqueta de la lista de etiquetas afectadas, véase a continuación) para envolver una lista. Debido a las interacciones entre un error en el analizador sintáctico PHP (que es difícil de arreglar y es la razón de la categoría del linter pwrap-bug-workaround - Parsoid no tiene este error) y la especificación de análisis sintáctico de HTML5; al eliminar Tidy, estos envoltorios ya no se aplicarán a la lista.
Cuando haya una etiqueta <span> para envolver una lista, utiliza una etiqueta <div> en su lugar.
Es la forma correcta de hacerlo, ya que una lista es una estructura de bloque y <div> es más adecuado que <span>, que tiene más sentido en contextos de texto en línea.
Esta es la solución recomendada.
Consulta esta edición en Wikipedia en italiano a modo de ejemplo.
Pero, cuando sea apropiado, considera recurrir a correcciones como las descritas en la tabla a continuación.
| Caso de uso | Marcado alternativo o propuesta de corrección |
|---|---|
Etiqueta <span> utilizada para dar formato (tamaño de letra, subrayado, etc.) |
Utiliza la etiqueta de formato adecuada (p. ej., <small> para reducir el tamaño de letra - ejemplo en Meta-Wiki) |
Etiqueta <del> que envuelve una lista para tachar los elementos de la misma |
|
Etiqueta <span> con estilos vacíos |
Deshazte de la etiqueta span |
Etiqueta <span> que envuelve etiquetas de bloque en todos los casos |
Utiliza una etiqueta <div> en su lugar (añade style="display:inline;" si no quieres saltos de línea) |
Plantilla que utiliza etiquetas <span> para envolver una plantilla que utiliza etiquetas <div> |
Cambia la plantilla de envoltorio para que utilice etiquetas <div> siempre que dicha plantilla nunca se utilice entre etiquetas span. O si la plantilla de envoltorio aplica una clase como nowrap, simplemente aplica esa clase a la plantilla interior. |
<span style="font-size: 80%"><sup>2</sup>Lorem ipsum etc. |
Esta línea está resaltada como error de anidamiento, pero el problema real es la omisión de una etiqueta span al final de la línea. Añade la etiqueta de cierre faltante (o elimina la de apertura, si su uso no está justificado) para solucionar el problema. |
You need to use a <span> tag to do that.... |
Un editor ha introducido una etiqueta a modo de ejemplo, pero no la escapó. Reemplaza el carácter de apertura < por <. |
This is an <abbr>abbreviation<abbr> (trailing opening tag inserted by mistake) |
Un editor ha introducido un par de etiquetas de apertura y cierre, pero olvidó incluir el carácter / en la etiqueta de cierre. Replace the final <abbr> tag with </abbr>. |
| Pipe character used in a signature | Si un editor utilizó una pleca (barra vertical, |) en su firma junto con marcas o etiquetas, y esa firma se utilizó dentro de una plantilla, la pleca se está interpretando como separador de parámetros de la plantilla. Reemplaza la pleca por |. |
Presta especial atención a <sub> y <sup>
En páginas con fórmulas matemáticas, anidar mal una etiqueta sub o sup puede cambiar sutilmente el significado de la fórmula.
Es importante corregir estos casos.
Véase este ejemplo de enwiki.
Etiquetas afectadas
Las siguientes etiquetas están afectadas:
ABBR, BDI, BDO, CITE, DATA, DEL, DFN, INS, KBD, MARK,
Q, RB, RP, RT, RTC, RUBY, SAMP, SPAN, SUB, SUP, TIME, VAR