Un editor HTML es un programa utilizado para editar HTML , el marcado de una página web . Aunque el marcado HTML en una página web se puede controlar con cualquier editor de texto , los editores HTML especializados pueden ofrecer comodidad, funcionalidad adicional y organización. Por ejemplo, muchos editores HTML manejan no sólo HTML, sino también tecnologías relacionadas como CSS , XML y JavaScript o ECMAScript . En algunos casos también gestionan la comunicación con servidores web remotos vía FTP y WebDAV , y sistemas de control de versiones como Subversion o Git . Muchos programas de procesamiento de textos , diseño gráfico y maquetación de páginas que no están dedicados al diseño web , como Microsoft Word o Quark XPress , también tienen la capacidad de funcionar como editores HTML.
Hay dos variedades principales de editores HTML: editores de texto y WYSIWYG (lo que ves es lo que obtienes).
Los editores de texto destinados a ser utilizados con HTML suelen proporcionar al menos resaltado de sintaxis . Algunos editores incluyen además plantillas , barras de herramientas y atajos de teclado para insertar rápidamente elementos y estructuras HTML comunes. Los asistentes , las indicaciones sobre herramientas y el autocompletado pueden ayudar con las tareas comunes.
Los editores de texto comúnmente utilizados para HTML generalmente incluyen funciones integradas o integración con herramientas externas para tareas tales como control de versiones , verificación y validación de enlaces , limpieza y formato de código , revisión ortográfica, carga por FTP o WebDAV y estructuración como proyecto. Algunas funciones, como la verificación o validación de enlaces, pueden utilizar herramientas en línea , lo que requiere una conexión de red.
Los editores de texto requieren que el usuario comprenda HTML y cualquier otra tecnología web que el diseñador desee utilizar, como CSS, JavaScript y lenguajes de secuencias de comandos del lado del servidor .
Para facilitar este requisito, algunos editores permiten editar el marcado en modos más organizados visualmente que el simple resaltado de color, pero en modos no considerados WYSIWYG. Estos editores suelen incluir la opción de utilizar ventanas de paleta o cuadros de diálogo para editar los parámetros basados en texto de los objetos seleccionados . Estas paletas permiten editar parámetros en campos individuales o insertar nuevas etiquetas completando un formulario en pantalla, y pueden incluir widgets adicionales para presentar y seleccionar opciones al editar parámetros (como obtener una vista previa de una imagen o estilos de texto) o un editor de esquemas para expandir y contraer objetos y propiedades HTML.
Los editores HTML WYSIWYG proporcionan una interfaz de edición que se asemeja a cómo se mostrará la página en un navegador web . Debido a que es posible que el uso de un editor WYSIWYG no requiera ningún conocimiento de HTML, a menudo es más fácil comenzar con ellos para un usuario de computadora sin experiencia.
La vista WYSIWYG se logra incorporando un motor de diseño . Esto puede estar escrito de forma personalizada o basado en uno utilizado en un navegador web. El objetivo es que, en todo momento durante la edición, el resultado renderizado represente lo que se verá más adelante en un navegador web típico.
WYSIWYM (lo que ves es lo que quieres decir ) es un paradigma alternativo a los editores WYSIWYG. En lugar de centrarse en el formato o la presentación del documento, preserva el significado previsto de cada elemento. Por ejemplo, los encabezados de página, secciones, párrafos, etc. se etiquetan como tales en el programa de edición y se muestran adecuadamente en el navegador.
Un documento HTML determinado tendrá una apariencia inconsistente en varias plataformas y computadoras por varias razones:
HTML es un lenguaje de marcado estructurado . Existen ciertas reglas sobre cómo se debe escribir HTML para cumplir con los estándares del W3C para la World Wide Web. Seguir estas reglas significa que los sitios web son accesibles en todos los tipos y marcas de computadoras, para personas sin discapacidad y sin discapacidad, y también en dispositivos inalámbricos como teléfonos móviles y PDA, con sus anchos de banda y tamaños de pantalla limitados. Sin embargo, la mayoría de los documentos HTML en la web no cumplen con los requisitos de los estándares W3C. En un estudio realizado en 2011 en los 350 sitios web más populares (seleccionados por el índice Alexa), el 94 por ciento de los sitios web no superan las pruebas de validación de hojas de estilo y marcado de estándares web, o aplican la codificación de caracteres de forma incorrecta. Incluso aquellos documentos sintácticamente correctos pueden resultar ineficientes debido a un uso innecesario de repeticiones o a reglas que han estado en desuso durante algunos años. Las recomendaciones actuales del W3C sobre el uso de CSS con HTML fueron formalizadas por primera vez por el W3C en 1996 [4] y han sido revisadas y refinadas desde entonces. [5] [6]
Estas pautas enfatizan la separación del contenido (HTML o XHTML) del estilo (CSS). Esto tiene la ventaja de entregar la información de estilo una vez para todo un sitio, no repetida en cada página, y mucho menos en cada elemento HTML. Los diseñadores de editores WYSIWYG han estado luchando desde entonces por encontrar la mejor manera de presentar estos conceptos a sus usuarios sin confundirlos al exponer la realidad subyacente. Todos los editores WYSIWYG modernos tienen éxito en esto hasta cierto punto, pero ninguno lo ha logrado del todo.
Independientemente de cómo se haya creado o editado una página web, WYSIWYG o a mano, para tener éxito entre el mayor número posible de lectores y espectadores, así como para mantener el valor "mundial" de la propia Web, ante todo debe consistir de marcado y código válidos. [7] No debe considerarse listo para la World Wide Web hasta que su sintaxis HTML y CSS haya sido validada exitosamente utilizando los servicios de validación gratuitos del W3C (W3C HTML Validator y W3C CSS Validator) o alguna otra alternativa confiable. [7]
La accesibilidad de las páginas web por parte de personas con discapacidades físicas, visuales u otras discapacidades no sólo es una buena idea considerando la ubicuidad y la importancia de la web en la sociedad moderna, sino que también es un mandato legal. En Estados Unidos, la Ley de Estadounidenses con Discapacidades y en el Reino Unido, la Ley de Discriminación por Discapacidad imponen requisitos a los sitios web operados por organizaciones financiadas con fondos públicos. En muchos otros países ya existen leyes similares o pronto existirán. [7] Hacer que las páginas sean accesibles es más complejo que simplemente hacerlas válidas; Ése es un requisito previo, pero hay muchos otros factores que deben considerarse. [8] Un buen diseño web, ya sea que se realice utilizando una herramienta WYSIWYG o no, también debe tenerlos en cuenta.
Cualesquiera que sean las herramientas de software que se utilicen para diseñar, crear y mantener páginas web, la calidad del HTML subyacente depende de la habilidad de la persona que trabaja en la página. Cierto conocimiento de HTML, CSS y otros lenguajes de programación, así como la familiaridad con las recomendaciones actuales del W3C en estas áreas, ayudarán a cualquier diseñador a producir mejores páginas web, con o sin un editor HTML WYSIWYG. [9]