Fundamentos de CSS, XML y Estándares Web: Estructura y Presentación de Documentos

Introducción a los Lenguajes de Marcado y Estilo

CSS: Lenguaje de Estilo

CSS es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchos otros temas. Es posible usar HTML, o incluso abusar de él, para añadir formato a los sitios web. Sin embargo, CSS ofrece más opciones, es más preciso y sofisticado. CSS está soportado por todos los navegadores hoy día.

Después de unas cuantas lecciones de este tutorial, serás capaz de crear tus propias hojas de estilo usando CSS para dar a tu sitio web un aspecto nuevo y genial.

Diferencia clave entre CSS y HTML

¿Qué diferencia hay entre CSS y HTML? HTML se usa para estructurar el contenido; CSS se usa para formatear el contenido previamente estructurado.

XPath: Navegación en Documentos XML

XPath (XML Path Language) es un lenguaje que permite construir expresiones que recorren y procesan un documento XML. La idea es parecida a las expresiones regulares para seleccionar partes de un texto sin atributos (plain text). XPath permite buscar y seleccionar teniendo en cuenta la estructura jerárquica del XML. XPath fue creado para su uso en el estándar XSLT, en el que se usa para seleccionar y examinar la estructura del documento de entrada de la transformación.

XSL: Transformación y Formato

XSL (siglas de Extensible Stylesheet Language, traducible como "lenguaje extensible de hojas de estilo") es una familia de lenguajes basados en el estándar XML que permite describir cómo la información contenida en un documento XML debe ser transformada o formateada para su presentación en un medio.

DTD: Definición del Tipo de Documento

DTD (siglas en inglés de Document Type Definition) es una descripción de la estructura y sintaxis de un documento XML o SGML. Su función básica es la descripción de la estructura de datos, permitiendo usar una estructura común y mantener la consistencia entre todos los documentos que utilicen la misma DTD. De esta forma, dichos documentos pueden ser validados, conocen la estructura de los elementos y la descripción de los datos que trae consigo cada documento, y pueden además compartir la misma descripción y forma de validación dentro de un grupo de trabajo que usa el mismo tipo de información.

Las DTD se emplean generalmente para determinar la estructura de un documento mediante etiquetas (en inglés tags) XML o SGML.

Componentes descritos por una DTD

• Elementos: Indican qué etiquetas son permitidas y el contenido de dichas etiquetas.
• Estructura: Indica el orden en que van las etiquetas en el documento.
• Anidamiento: Indica qué etiquetas van dentro de otras.

XML: El Metalenguaje Extensible

XML, siglas en inglés de eXtensible Markup Language ('lenguaje de marcas extensible'), es un metalenguaje extensible de etiquetas desarrollado por el World Wide Web Consortium (W3C). Es una simplificación y adaptación del SGML y permite definir la gramática de lenguajes específicos (de la misma manera que HTML es a su vez un lenguaje definido por SGML).

Por lo tanto, XML no es realmente un lenguaje en particular, sino una manera de definir lenguajes para diferentes necesidades, de ahí que se le denomine metalenguaje. Algunos de estos lenguajes que usan XML para su definición son XHTML, SVG y MathML.