Los sofisticados programas de desarrollo web ayudan a escribircodifique fácilmente que si lo hiciera sin ellos. No solo aceleran el trabajo y ayudan a evitar problemas comunes de sintaxis, sino que también son una gran herramienta para principiantes que pueden sentirse abrumados con la cantidad de esfuerzo necesario para escribir una página HTML simple. Por lo menos, pueden ayudarlo a aprender el código. El único inconveniente que puede experimentar con un programa de desarrollo web, especialmente cuando lo está utilizando para aprender a codificar, es cómo no están equipados para analizar sitios web en su navegador. Si su área de interés particular es HTML, entonces HTML5 Outliner es una gran extensión de Chrome que te ayudaráanalizar diferentes elementos HTML en una página web. La extensión agrega un icono cuadrado a la barra de URL que, al hacer clic, abre una vista de tabla de contenido de todos los encabezados y secciones de HTML 5. La extensión también funciona para elementos HTML 4.
Elementos en la tabla de contenido que se muestranse puede hacer clic y la extensión se desplazará y resaltará el elemento que seleccione. Lo más destacado no siempre funciona, pero la navegación es completamente funcional.

La extensión tiene sus limitaciones; detectarátodos los elementos HTML en casi cualquier página, pero la tabla de contenido en sí misma es una historia diferente. La tabla se basa en el código que se escribe según las especificaciones HTML 5 adecuadas o la estructuración HTML correcta. Si el código no cumple con estos, la extensión podría fallar al cargar una tabla de contenido aceptable.
Por ejemplo; si ha usado tablas para definirel diseño de su página, es probable que no vea ninguna tabla de contenido. La razón de esto no es más que código mal escrito, ya que los diseños se definen mejor con CSS y no con tablas. Por ahora, no podrá usar la extensión en archivos HTML guardados localmente debido a una pequeña limitación con la extensión y algo relacionado con los permisos de Chrome.
HTML5 Outliner obviamente no es para lo comúnusuario; está destinado a desarrolladores web, tanto principiantes como expertos. Para los principiantes, debería ser útil al previsualizar el diseño de un sitio en desarrollo. Para desarrolladores expertos, es una forma rápida de navegar entre los elementos en una página web y verificar el código detrás de cada uno.
Instalar HTML5 Outliner desde Chrome Web Store
Comentarios