En los viejos tiempos, cuando los estándares HTML eran un objetivo móvil, no importaba si terminabas la etiqueta <p> correctamente o si mantenías tus reglas de formato separadas de tu código de estilo. Etiquetas no coincidentes, atributos faltantes, elementos mal anidados: la falta de estándares ampliamente adoptados da como resultado estos y otros errores, pero debido a que la mayoría de los navegadores tienen inteligencia incorporada para evitar estos errores, la mayoría de los desarrolladores no serán conscientes de su existencia en absoluto. .
Aunque el propio navegador intenta corregir estos errores, esto no significa que pueda ignorarlos. Para que sus páginas web se comporten de manera consistente en todos los navegadores, su HTML debe ser completamente consistente con las reglas y la sintaxis definidas en el estándar W3C. Existen muchas herramientas para lograr este requisito, tanto en línea como fuera de línea. ellos: el fantástico HTML Tidy.
HTML Tidy es una herramienta gratuita de verificación de HTML. Está diseñada para verificar su código HTML y señalar los lugares donde no cumple completamente con los estándares publicados por el W3C. Puede usarse para analizar un archivo HTML o una cadena que contenga declaraciones HTML. puede realizar automáticamente las modificaciones necesarias para que el código cumpla con las normas pertinentes.
Instalar
HTML Tidy es gratuito y puede ejecutarse en plataformas Windows, Macintosh y *NIX. Las versiones binarias están disponibles para uso inmediato. Si está ejecutando una plataforma *NIX, es posible que prefiera compilarla e instalarla usted mismo desde el código fuente. hacer: Extraiga los archivos fuente a su carpeta temporal y realice un proceso básico de compilación e instalación, como este:
shell> cd /tmp/tidy/build/gmake
cáscara> hacer
shell> hacer instalación
Cuando se complete este proceso, debería poder encontrar una versión binaria compilada de Tidy en la carpeta /tmp/tidy/bin/tidy. Copie este archivo en la carpeta de su sistema /usr/local/bin / para que sea más fácil de acceder. . Ahora estás listo para usar esta herramienta.
Uso básico
Una vez instalada la versión binaria, puede comenzar a usarla inmediatamente para verificar el código HTML. El Listado A muestra un ejemplo simple:
Lista A:
shell> ordenado -e -q index.html
línea 1 columna 1 - Advertencia: falta la declaración <!DOCTYPE>
línea 2 columna 1 - Advertencia: insertando el elemento 'título' que falta
línea 4 columna 1 - Advertencia: <cuerpo> atributo propietario margen izquierdo
línea 6 columna 1 - Advertencia: altura del atributo propietario <tabla>
línea 6 columna 1 - Advertencia: <tabla> carece del atributo de resumen
línea 11 columna 37 - Advertencia: <img> carece del atributo alt
línea 15 columna 1 - Advertencia: <tabla> carece del atributo de resumen
línea 17 columna 50 - Advertencia: <img> carece del atributo alt
En este ejemplo, Tidy encontró ocho errores potenciales en el archivo e imprimió una advertencia para cada error. Tenga en cuenta que estos errores no son errores graves, solo advierten que algunas partes del código no son muy correctas.
Puede corregir automáticamente el archivo original agregando la opción -m (modificador) a la línea de comando:
shell> ordenado -m -q index.html
Si necesita probar un sitio web grande, puede usar comodines en la línea de comando para probar todos los archivos en una carpeta (en lugar de solo uno):
shell> ordenado -m -q *.html
Si desea que Tidy le ayude a escribir la página web corregida en un archivo nuevo (en lugar de sobrescribir el original), utilice la opción -output con un nuevo nombre de archivo, como en el siguiente ejemplo:
shell> ordenado -salida index.html.new -q index.html
Puede enviar todos los errores a un archivo de registro separado para su posterior revisión mediante la opción -e ("error"):
shell> ordenado -f error.log index.html
También tenga en cuenta que si su código HTML contiene código PHP, ASP o JSP incrustado, Tidy simplemente los ignorará y los dejará en su lugar, lo que significa que incluso puede ejecutar herramientas de Tidy en scripts del lado del servidor para verificar la parte del código HTML, esta es una ejemplo:
shell> ordenado -e -q procesador.php
También puede ejecutar la herramienta Tidy de forma interactiva, llamando solo al archivo del programa sin agregar ningún argumento. En este ejemplo, Tidy espera la entrada de la consola y busca errores. El Listado B muestra un ejemplo de esto:
Lista B
cáscara> ordenado
<html>
línea 1 columna 1 - Advertencia: falta la declaración <!DOCTYPE>
<cabeza>
<título>Esta es una prueba
</cabeza>
línea 3 columna 1 - Advertencia: falta </title> antes de </head>
<cuerpo margen izquierdo=0>
<p>
Este es un párrafo mal terminado.
</cuerpo>
</html>
línea 5 columna 1 - Advertencia: <cuerpo> atributo propietario margen izquierdo
Información: el contenido del documento parece propiedad HTML
¡3 advertencias, 0 errores fueron encontrados!
Tenga en cuenta que además de brindarle advertencias de error en tiempo real, Tidy también puede imprimir la versión correcta del código al final de la entrada:
<html>
<cabeza>
<meta nombre=contenido del generador=
HTML Tidy para Linux/x86 (versión 1 de septiembre de 2005), consulte www.w3.org>
<title>Esto es una prueba</title>
</cabeza>
<cuerpo margen izquierdo=0>
<p>Este es un párrafo mal terminado</p>
</cuerpo>
</html>
Aplicaciones avanzadas
También puedes controlar cómo Tidy modifica un archivo. Esto se puede lograr pasando parámetros específicos en la línea de comando. Por ejemplo, para que Tidy vuelva a sangrar el código correctamente, puedes agregar la opción -i ("sangría").
shell> ordenado -salida nuevo.html -i index.html
Para reemplazar <font> y otros elementos de formato relacionados con las reglas de estilo CSS, puede usar la opción -c ("borrar"):
shell> ordenado -salida nuevo.html -c index.html
De forma predeterminada, Tidy usa letras minúsculas para todas las etiquetas y atributos en archivos HTML. Si desea usar letras mayúsculas, puede agregar la opción -u ("letras mayúsculas"), como se muestra en el siguiente ejemplo:
shell> ordenado -salida nuevo.html -c -u index.html
Para ajustar el texto con un ancho de línea específico, puede agregar la opción -w ("ajuste de línea") con el ancho de línea especificado, como se muestra en el siguiente ejemplo:
shell> ordenado -salida nuevo.html -w 40 index.html
Puede convertir un documento HTML en un documento XHTML bien formado agregando la opción -asxhtml:
shell> ordenado -salida nuevo.html -asxhtml index.html
La operación inversa es posible mediante la opción -ashtml:
shell> ordenado -salida nuevo.html -ashtml index.html
Si necesita realizar ajustes importantes a las opciones predeterminadas de Tidy, es mejor colocar estas opciones en un archivo de configuración separado al que pueda hacer referencia cada vez que llame al programa. El Listado C muestra un ejemplo de un archivo de configuración:
Lista C:
desnudo: sí # eliminar HTML propietario
tipo de documento: auto # establece el tipo de documento
drop-empty-paras: sí # eliminar automáticamente las etiquetas <p> vacías
fix-backslash: sí # reemplazar por / en URL
atributos literales: sí # retener espacios en blanco en los valores de los atributos
literales inferiores: sí # convertir valores de atributos a minúsculas
salida-xhtml: sí # produce una salida XHTML válida
cita-ampersand: sí # reemplazar & con &
comillas: sí # reemplazar con
atributos repetidos: mantener el último # usa el último de los atributos duplicados
sangría: sí # sangría automática del código
espacios de sangría: 2 # número de espacios para sangrar
wrap-php: no hay # texto ajustado contenido en etiquetas PHP
codificación de caracteres: ascii # codificación de caracteres a utilizar
tidy-mark: no # omitir metainformación de Tidy en el código corregido
Al organizar un archivo, puedes decirle a Tidy que use esta configuración agregando la opción -config a la línea de comando:
shell> ordenado -salida a.html -configconfig.tidy index.html
Puede obtener una lista de opciones de configuración con la opción -help-config:
shell> tidy -help-config...quote-ampersand booleano y/n,
sí/no, t/f, verdadero/falso, 1/0comillas booleanas y/n,
sí/no, t/f, verdadero/falso, 1/0quote-nbsp Booleano y/n,
sí/no, t/f, verdadero/falso, 1/0atributorepetido enum mantener primero,
keep-lastreplace-color Booleano y/n, sí/no,
t/f, verdadero/falso, 1/0mostrar solo el cuerpo booleano y/n,
sí/no, t/f, verdadero/falso, 1/0...
O utilice la opción -show-config para ver una instantánea de los ajustes de configuración actuales:
shell> tidy -show-config...mostrar-cuerpo-solo
Booleano noshow-errors Entero
6show-warnings Estilo booleano yesslide
Stringsplit booleano no...
Finalmente, puedes usar la opción -h para obtener ayuda desde la línea de comando:
cáscara> ordenado -h
Eso es todo por ahora. Con suerte, encontrará que Tidy es una herramienta extremadamente valiosa para ayudar a que su sitio cumpla completamente con los estándares de publicación del W3C. Los puntos de esta guía le darán una idea de cómo controlar la herramienta HTML Tidy. su código y también le ayudará a utilizar esta herramienta de forma más eficiente.