Lenguajes de Marcado: HTML, XML y DTD. Estructura, Características y Buenas Prácticas

Lenguajes de marcado

LM Clasificación:

• Lenguajes orientados a presentación
• Lenguajes procedurales
• Lenguajes descriptivos

HTML

Surge a partir de SGML como una solución más sencilla que permita representar contenidos web. Un archivo HTML no es más que un fichero de texto, con extensión .htm o .html, compuesto por etiquetas.

XML

Es una simplificación y adaptación de SGML que permite definir lenguajes de marcas específicos dependiendo de las necesidades particulares. Es un metalenguaje.

Características

• Extensible: permite definir nuevas etiquetas.
• Versátil: separa contenidos, estructuras y presentación.
• Estructurado: permite modelar datos a cualquier nivel.
• Validable: puede validar cada documento con una DTD.
• Abierto: independiente del SO, empresas o lenguajes de programación.
• Sencillo: fácil de aprender.

Partes de un documento de LM

• Etiqueta: permiten identificar al intérprete del LM la estructura de datos que contiene la página.
• Elemento: cada uno de los tipos de datos en los que se estructura la página. Pueden estar anidados.
• Atributo: indica la propiedad del elemento a la que hace referencia.

DTD

Definición de tipo de documento: establece las reglas de formación del lenguaje formal. Se especifican:

• Todos los elementos disponibles
• Relaciones entre los distintos elementos
• Información adicional que pueda ser incluida en el documento
• Comentarios e instrucciones para el procesamiento y representación de los formatos de datos

Otros lenguajes de esquema

• XML Schema: permite especificar un extenso sistema de tipos de datos. Tiene una validación compleja.
• Relax NG: lenguaje de esquema basado en la gramática. Permite validar elementos intercalados que pueden aparecer en cualquier orden.

Aspectos para escribir una página HTML

• Editar en texto plano.
• Usar etiquetas en minúsculas.
• Anidar correctamente las etiquetas y usar sangrado para un seguimiento más fácil.
• Los espacios en blanco y los saltos de línea que se escriban en el documento no tendrán efectos en el navegador.
• Se pueden y deben poner comentarios que faciliten el contenido del documento.

Estructura de un documento HTML

Se compone de una cabecera (head), que define parámetros generales del documento, y un cuerpo (body), que define el contenido, todo ello entre las etiquetas generales.

DOCTYPE

Existen 3 niveles:

• Strict: no permite etiquetas obsoletas.
• Transitional: permite etiquetas obsoletas, menos frameset.
• Frameset: permite etiquetas obsoletas, incluyendo frameset.

Cabecera

Indica características propias de todo el documento. Etiquetas dentro de la cabecera:

• title
• style: para definir información de estilos del documento.
• base: se usa para definir la URL que se tomará como base para las direcciones relativas del documento.
• link: hace referencia a un fichero externo.
• meta: para indicar metadatos sobre el documento.
• script: se usa para definir un trozo de script del lado del cliente.
• noscript: contenido alternativo que se muestra si el navegador no permite usar JavaScript.

Listas

Existen 2 tipos:

• Ordenadas (<ol><li>)
• Sin ordenar (<ul><li>)

Listas de definición

Recoge el dato a definir de cada elemento de la lista

Recoge la definición de cada elemento a definir