HTML

HTML (Hypertext Markup Language) se utiliza para estructurar el contenido de texto de un documento web. No sólo se marca el contenido, sino también la meta-información que describe este contenido. Las páginas HTML se almacenan normalmente en el directorio raíz del servidor.

Cómo se creó

En la era digital, a los usuarios les resulta difícil encontrar su camino en las webs y hacer un seguimiento de las estructuras de las páginas. Por lo tanto, un esquema de codificación permite distinguir los documentos electrónicos. HTML fue desarrollado como un estándar para el marcado de documentos web a principios de la década de los 90. Inicialmente, sólo eran posibles funciones simples como el resaltado de sintaxis, la configuración de encabezados y enlaces. Con el tiempo, el W3C continuó desarrollando el lenguaje de marcado.

Estructura

El lenguaje de marcado de hipertexto es fácil de editar y se asemeja al trabajo de un traductor. El código HTML puede ser escrito con cualquier editor de texto, y no tiene requisitos especiales en su creación. Una característica de HTML es el uso de etiquetas. Las etiquetas son elementos definidos y estandarizados, a través de los cuales se obtiene una estructura jerárquica.

Una estructura HTML típica se divide en etiquetas de encabezado y etiquetas de cuerpo. Una construcción de documento HTML general se ve así:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title> Title of a web document </title>
</head>
<body>

Al crear el código HTML, debes asegurarte de que todos los scripts integrados puedan ser cargados por el navegador. Los errores o bugs pueden afectar negativamente a la optimización de los motores de búsqueda.

Cabeceras HTML

La meta información de una página que no se muestra en el navegador se define en la cabecera (o cabecera HTML). Contiene metaetiquetas importantes que son relevantes para los rastreadores de los motores de búsqueda (por ejemplo, la etiqueta de descripción). Para que el navegador pueda leer los metadatos contenidos en el encabezado HTML y ejecutarlos correctamente con las aplicaciones adecuadas, muchos de estos datos pueden definirse con MIME.

Cuerpo HTML

El cuerpo (o cuerpo HTML) contiene el contenido real que se muestra visualmente en un navegador, así como el CSS de un documento, contenido multimedia, resaltado de texto y encabezados.

Sintaxis

La sintaxis correcta es esencial cuando se trabaja con HTML. Las etiquetas existen en pares, con un ejemplo de etiqueta de inicio <head> y un ejemplo de etiqueta de fin </head>. Se define por defecto en la definición de clase de documento (DTD). Esta sintaxis puede comprobarse automáticamente para detectar errores en el documento a través de un validador HTML.

Mejoras y avances

HTML sigue evolucionando porque es un lenguaje de marcado estándar abierto. El uso de CSS - hojas de estilo en cascada, Java Server Pages, XML - lenguaje de marcado extendido o tecnología AJAX dentro del lenguaje de marcado son bastante comunes.

DHTML

DHTML (también conocido como DOM scripting) es HTML dinámico. Es un término colectivo para diferentes variantes en el diseño web que cambian en función de las aportaciones del usuario. La palabra "dinámico" que se utiliza como parte del término denota el hecho de que los cambios pueden ocurrir incluso sobre la base de la recuperación repetida de un sitio web.

Ejemplos de DHTML:

  • Menús desplegables
  • Resaltado de texto
  • Mover el contenido de un sitio web por el usuario
  • Rellenar automáticamente los campos del formulario en función de las entradas anteriores

METHOD

Para implementar funciones DHTML, el documento generalmente está redactado en HTML. Además, se utiliza un lenguaje de programación del cliente como JavaScript. Adicionalmente, el documento HTML debe ser expandido y DOM (Document Object Model) es comúnmente usado para ese propósito. XMLHttpRequest es otro componente necesario para que los datos puedan intercambiarse entre el navegador y el servidor y proporciona un formato de datos adecuado para datos estructurados, como XML.

CHTML

CHTML es un estándar HTML para dispositivos móviles. El HTML compacto ha sido desarrollado especialmente por proveedores inalámbricos para este propósito. Este lenguaje de marcado se caracteriza por la reducción del contenido de la página. Las imágenes JPEG, tablas o marcos se eliminan, de modo que los sitios web se pueden mostrar en teléfonos móviles con una pequeña cantidad de memoria. CHTML apenas difiere del HTML. Por lo tanto, los sitios web existentes pueden reescribirse fácilmente en CHTML.

Hoy en día sólo unos pocos sitios web están programados de esa manera. En cambio, los diseñadores web utilizan diseños receptivos u otras estrategias para optimizar sitios web para dispositivos móviles.

XTHML

XHTML es una extensión de HTML. Las imágenes, textos o hipervínculos pueden ser marcados adicionalmente con meta elementos. Durante mucho tiempo, XHTML fue considerado el sucesor del estándar HTML. Pero es probable que HTML5 sustituya al estándar anterior, ya que ofrece aún más opciones para marcar el contenido.

Enlaces Web

Categoría