Un editor HTML es un programa utilizado para editar HTML , el marcado de una página web . Aunque el marcado HTML de una página web se puede controlar con cualquier editor de texto , los editores HTML especializados pueden ofrecer comodidad, funcionalidad añadida y organización. Por ejemplo, muchos editores HTML no solo manejan 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 a través de 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 editores WYSIWYG (lo que ves es lo que obtienes).
Los editores de texto diseñados para su uso con HTML suelen ofrecer al menos resaltado de sintaxis . Algunos editores también incluyen plantillas , barras de herramientas y atajos de teclado para insertar rápidamente elementos y estructuras HTML comunes. Los asistentes , las indicaciones emergentes y el autocompletado pueden resultar de ayuda en tareas habituales.
Los editores de texto que se utilizan habitualmente para HTML suelen incluir funciones integradas o integración con herramientas externas para tareas como control de versiones , comprobación y validación de enlaces , limpieza y formato de código , corrección ortográfica, carga por FTP o WebDAV y estructuración como proyecto. Algunas funciones, como la comprobació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 script 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 que no se consideran 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 esquema 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 el uso de un editor WYSIWYG puede no requerir ningún conocimiento de HTML, a menudo es más fácil para un usuario de computadora sin experiencia comenzar a usarlo.
La vista WYSIWYG se logra mediante la incorporación de un motor de diseño . Este puede ser personalizado o basarse en uno utilizado en un navegador web. El objetivo es que, en todo momento durante la edición, el resultado generado represente lo que se verá más adelante en un navegador web típico.
WYSIWYM (What you see is what you mean ) es un paradigma alternativo a los editores WYSIWYG. En lugar de centrarse en el formato o la presentación del documento, conserva el significado pretendido de cada elemento. Por ejemplo, los encabezados de página, las secciones, los párrafos, etc. se etiquetan como tales en el programa de edición y se muestran de forma adecuada en el navegador.
Un documento HTML determinado tendrá una apariencia inconsistente en distintas plataformas y computadoras por varias razones:
HTML es un lenguaje de marcado estructurado . Existen ciertas reglas sobre cómo debe escribirse HTML para cumplir con los estándares W3C para la World Wide Web. Seguir estas reglas significa que los sitios web son accesibles en todo tipo y marca de computadora, para personas sin discapacidades y personas con discapacidades, 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 pasan las pruebas de validación de hojas de estilo y marcado de estándares web, o aplican la codificación de caracteres de manera incorrecta. Incluso aquellos documentos sintácticamente correctos pueden ser ineficientes debido a un uso innecesario de la repetición, o estar basados en reglas que han quedado obsoletas 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 ofrecer la información de estilo una sola vez para todo el sitio, sin repetirla en cada página, y mucho menos en cada elemento HTML. Los diseñadores de editores WYSIWYG han estado luchando desde entonces para encontrar la mejor manera de presentar estos conceptos a sus usuarios sin confundirlos exponiendo la realidad subyacente. Todos los editores WYSIWYG modernos tienen éxito en esto hasta cierto punto, pero ninguno de ellos lo ha logrado por completo.
Independientemente de cómo se haya creado o editado una página web, WYSIWYG o a mano, para que tenga éxito entre el mayor número posible de lectores y espectadores, así como para mantener el valor "mundial" de la propia Web, en primer lugar y sobre todo debe constar de un código y un marcado válidos. [7] No debe considerarse que está lista para la World Wide Web hasta que su sintaxis HTML y CSS se haya validado con éxito utilizando los servicios de validación gratuitos del W3C (W3C HTML Validator y W3C CSS Validator) o alguna otra alternativa fiable. [7]
La accesibilidad de las páginas web para personas con discapacidades físicas, visuales o de otro tipo no sólo es una buena idea teniendo en cuenta la ubicuidad e importancia de la web en la sociedad moderna, sino que también es un requisito legal. En los EE. UU., la Ley de Estadounidenses con Discapacidades y en el Reino Unido, la Ley contra la 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 las habrá. [7] Hacer que las páginas sean accesibles es más complejo que simplemente hacerlas válidas; ese es un requisito previo, pero hay muchos otros factores que deben considerarse. [8] Un buen diseño web, ya sea que se haga con una herramienta WYSIWYG o no, también debe tener en cuenta estos factores.
Independientemente de 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. Un cierto conocimiento de HTML, CSS y otros lenguajes de programación, así como una familiaridad con las recomendaciones actuales del W3C en estas áreas, ayudarán a cualquier diseñador a producir mejores páginas web, con un editor HTML WYSIWYG o sin él. [9]