XSL

por Daniel M. Germán (dmg@csg.uwaterloo.ca)

XSL

eXtensible Style Language
XSL es un lenguaje de hoja de estilos diseñado para tipografiar documentos en XML.
XSL permite al autor aplicar operaciones de tipografía a cada uno de los elementos de un documento
XSL está definido en XML
XSL está basado en DSSSL (Document Style Semantics and Specification Language)
XSL está especialmente diseñado para WWW

XSL permite:

Formatear los elementos fuente basados en relaciones de ancestro/descendiente, posición y unicidad.
La creación de construcciones de formato sofisticadas incluyendo texto generado e imágines
La definición de macros de fomateo reutilizables
Estilos independites de la dirección en que se escriba el lenguaje
Conjunto de objetos de formato extensible

Como funciona XSL

XSL utiliza un estilo para transformar XML a un formato de salida.
El más común formato será con seguridad HTML.
RTF, texto simple, dvi, PostScript, serán otros formatos.

Principios de Diseño de XSL

XSL debe ser fácilmente utilizado en Internet
XSL debe ser especificado en XML
XSL debe proveer un lenguaje para realizar todas las operaciones de formateo
XSL debe incorporar un lenguaje de scripting para permitir operaciones más complicadas.
XSL será un subconjunto de DSSSL
Debe ser posible la conversión automática de CSS a XSL

Estructura de los Estilos

XSL asigna formato a cada elemento del fuente
La salida se crea al formatear un árbol de flow objects (objetos de flujo)
Cada objeto de flujo pertenece a una clase determinada (cada clase determina cierta tipografía)
Cada objeto tiene un conjunto de características que determinan su tipografía más a detalle.

Árboles

El documento original se traduce a un árbol que representa el documento original:
- raíz del árbol -> elemento raíz
- hijos de un nodo -> elementos contenidos en él
El estilo convierte este árbol en un árbol de objetos de flujo.
La conversión se hace a través de reglas de construcción
Una regla de construcción de se compone de:
- patrón, que especifica a que elementos de árbol fuente se aplica
- acción, que indica como se traduce un subárbol a otro
- el estilo se procesa recursivamente

Ejemplo de un estilo

Estilo

<xsl>
   <rule>
      <root/>
      <HTML>
         <BODY>
            <children/>
         </BODY>
      </HTML>
   </rule>
   <rule>
      <!-- patron -->!
      <target-element type="date"/>
      <!-- acción -->!
      <P color="blue" font-style="italic"> 
         <children/>
      </P>
   </rule>
</xsl>

XML

<date>19 de Octubre de 1966</date>

Salida:

<p color="blue" font-style="italic">19 de Octubre de 1966</p>

Haciendo referencia a un estilo en XML

Como parte del documento de XML:

<?xml-stylesheet href="mi-estilo.xsl" type="text/xsl"?>

Parte del estilo se puede especificar como include
```
     <import href="mi-estilo.xsl"/>
```

Una regla simple

Convierte EMPH en negritas:

<rule>
  <target-element type="emph"/>
  <SPAN font-weight="bold">
    <children/>
  </SPAN>      
</rule>

El elemento children se encarga de procesar recursivamente los hijos de emph

Pueden especificarse más de un elemento al que aplicar la regla

<rule>
  <target-element type="emph"/>
  <target-element type="strong"/>
  <SPAN font-weight="bold">
    <children/>
  </SPAN>      
</rule>

Elementos a que aplica un patrón

Una regla de construcción debe incluír un target-element que indica a que elemento la regla aplica.
Es posible seleccionar el elemento basado en contexto:
1. Ancestros
2. Descendientes
3. Ancestros y descendientes arbitrarios
4. Atributos
5. Posición respectiva a sus hermanos
6. Unicidad de un elemento respecto a sus hermanos

Ancestors

Patrón que encuentra title y que tiene section como padre y chapter como abuelo:

<element type="chapter">
  <element type="section">
     <target-element type="title/>
  </element>
</element>

Descendientes

El siguiente se aplica a el elemento table cuando tiene un title as child:

<target-element type="table>
  <element type="title"/>
</target-element>

Variaciones

Siguiente se aplica a employee que contiene exempt y high-paid sin importar el orden:

<target-element type="employee">
   <element type="exempt"/>
   <element type="high-paid"/>
</target-element>

Root

Aplica al principio de un documento:

  <rule>
      <root/>
      <HTML>
         <BODY>
            <children/>
         </BODY>
      </HTML>
   </rule>

Comodines

Utilizados para especificar ancestros y descendientes en lugar de padres e hijos.

Aplica un para que tiene appendix como ancestro y tiene changed como descendiente.

<element type="appendix">
  <any>
     <target-element type="para">
        <any>
           <element-type="changed">
        </any>
     </target-element>
  </any>
</element>

any se utiliza para encontrar cualquier número y cualquier tipo de elemento

target-element y element

Ambos encuentran un y sólo un elemento
Si no se especifica atributo, encuentran cualquier elemento
El siguiente patrón encuentra elementos que tienen de abuelo data-samples , sin importar el tipo del padre o del elemento mismo:
```
      
<element type="data-samples">
  <element>
      <target-element/>
  </element>
</element>
```

Atributos

Es posible verificar un atributo en cualquiera de los elementos del patrón.

Encuentra item hijo de liststyle con atributo enum:

      
<element type="list">
    <attribute name="liststyle" value="enum"/>
    <target-element type="item"/>
</element>

Existencia de un atributo

Es posible verificar si un atributo se ha especificado o no.

Regla que encuentra item dentro de list con atributo compact con algún valor.

<element type="list">
    <attribute name="compact" has-value="yes"/>
    <target-element type="item"/>
</element>

Qualifiers

Dos tipos:
- de posición
- de unicidad
De posición (position):
- first-of-type: primer hermano del tipo
- last-of-type: último hermano del tipo
- first-of-any: primer hermano
- last-of-any: último hermano
De unicidad (only):
- of-type: no hermanos del mismo tipo
- of-any: no hermanos

Ejemplos

Encuentra primer item en una lista:

      <element type="lista">
         <target-element type="item" position="first-of-type"/>
      </element>

Encuentra el único item en una lista:

      <element type="lista">
         <target-element type="item" only="of-type"/>
      </element>

Acciones

Una vez que se ha identificado que regla se aplicará, se ejecuta la acción
La acción especifica los objetos de flujo a crear

Puede incluír texto que se incluya en el objeto

<rule>
  <target-element type="chapter"/>
  <sequence>
      <horizontal-rule/>
      <paragraph space-before="2pt">
      Chapter
      <eval>formatNumber(element.childNumber(), '001')</eval>
      :
      <children/>
      </paragraph>
      <horizontal-rule/>
   </sequence>
</rule>

Atributos de los objectos de flujo

Las características del objeto de flujo pueden ser especificados como atributos del mismo:

<rule>
  <target-element type="para"/>
  <DIV font-family="Courier"
       font-size="12pt"
       font-style="normal"
       text-align="justify"
       margin-top="10pt"
       margin-botton="6pt">
     <children/>     
  </DIV>
</rule>

Selección

Una vez que una regla ha sido seleccionada y ejecutada, la selección determina que se hará a continuación.

children inmediatamente procesa los hijos del elemento siendo procesado.

<rule>
   <target-element type="chapter"/>
   <display-group>
      <children/>
   </display-group>   
</rule>

select

Select permite seleccionar elementos de manera más compleja que children.
Atributo from: children, descendants.

Siguiente ejemplo equivalene a utilizar <children/>

<rule>
   <target-element type="chapter"/>
   <display-group>
      <select from="children"/>
   </display-group>   
</rule>

Variaciones de seleccion

descendents procesa todos los hijos del elemento actual

El siguiente ejemplo procesa todos los headings de un book

<rule>
   <target-element type="book">
   <paragraph>
      <select from="descendents">
         <target-element type="heading"/>
      </select>	
   </paragraph>   
</rule>

Reordenamiento del documento

Varios children o select pueden ser utilizados para hacer reordenamiento simple.

El siguiente ejemplo crea dos tablas. La primera se llena con ventas domésticas mientras que la segunda se llena con ventas extranjeras.

<rule>
  <target-element type="product"/>
  <display-group>
    <table>
      <select from="descendants">
	<element type="sales">
	  <target-element type="domestic"/>
	</element>
      </select>
    </table>
    <table>
      <select from="descendents">
	<element type="sales">
	  <target-element type="foreign"/>
	</element>
      </select>	
   </display-group>	   
</rule>

Procesando ancestros

children y select procesan descendientes por default.
¡Es posible procesar ancestros nuevamente!

Al procesar un empleado, Encuentra el departamento del empleado y entonces procesa el group del empleado.

<rule>
  <target-element type="employee"/>
  <paragraph>
     <select ancestor="department"/>
       <target-element="group"/>
     </select>
  </paragraph>
</rule>

Macros

Las macros permiten reuso de reglas para simplificar los estilos.
contents se refiere al contenido de la referencia a la macro.

Las macros pueden aceptar parámetros (no mostrados aquí).

<define-macro name="warning-para">
  <box>
     <paragraph>
        Warning!
      <contents/>
     </paragraph> 
  </box>      
</define-macro>      

<rule>
  <target-element type="warning">      
  <warning-para>
     <children/>
  </warning-para>
</rule>

Regla de Construcción de Default

Si no se especifica ningún patrón para un elemento, se utilizará el siguiente:
```
<rule>
  <target-element/>
  <children/>
</rule>      
```

Reglas de Estilo

Las reglas (rule) crean objetos de flujo, las reglas de estilo (style-rule) no.

Consisten al igual que las reglas, de patrón y estilo.

<style-rule>
   <target-element type="emph"/>
   <apply font-weight="bold"/>
</style-rule>

Las reglas de estilo y CSS

Las reglas de estilo están creadas para facilitar la equivalencia entre CSS y XSL.

El siguiente estilo en CSS:

      
h1 {font-weight: bold; color:blue}
h1 strong {color:red}

Se puede especificar en XSL como:

<style-rule>
  <target-element type="h1"/>
  <apply font-weight="bold" color="blue"/>
</style-rule>
<style-rule>
  <element type="h1"/>
    <any>
      <target-element type="strong"/>
    </any>
  </element>
  <apply color="red"/>
</style-rule>

Modos

Algunas veces es necesario desplegar el mismo texto en más de un lugar.
mode es utilizado con este fin.

Crea una tabla de contenido con los title de un documento.

<rule>
  <root/>
  <HTML>
    <BODY>
      <DIV name="table-of-contents">
        <children mode="toc-mode"/>
      </DIV>
      <children/>
    </BODY>
  </HTML>    
</rule>

<rule>      
  <target-element type="title"/>
  <DIV font-size="14pt" font-weight="bold">
    <children/>
  </DIV>    
</rule>

<rule mode="toc-mode">      
  <target-element type="title"/>
  <DIV font-size="12pt">
    <children/>
  </DIV>    
</rule>

Objetos de Flujo

Dos grupos principales:
- DSSSL
- HTML/CSS

Objetos de Flujo de DSSSL

Diseñados para ser internacionales
Bastante poderoso y no solo orientado a Web sino a papel y cualquier medio de distribución de información.
- scroll
- paragraph
- character
- line-field listas
- external-graphic
- horizontal-rule, vertical-rule
- score underline
- embedded-text texto bidireccional
- box table, table-part, table-column, table-row, table-cell, table-border
- display-group
- simple-page
- link

Objetos de Flujo de HTML/CSS

Basados en HTML 3.2 y CSS 1
- SCRIPT
- PRE
- HTML
  - TITLE
  - META
  - BASE
- BODY
- DIV
- BR
- SPAN
- TABLE
  - CAPTION
  - COL
  - COLGROUP
  - THEAD
  - TBODY
  - TFOOT
  - TR
  - TD
- A
- FORM
  - INPUT
  - SELECT
  - TEXTAREA
- HR
- IMG
  - MAP
  - AREA

Futuro de XSL

XSL será siempre el hermano menor de DSSSL
Con su simplicidad XSL se convertirá en una alternativa viable para final de año (estimo).
XML y XSL serán independientes de la plataforma y el servidor. Sólo necesitan un navegador que soporte CSS

XLink

Es un estándar para especificar ligas de hipertexto a un documento en XML.
Actualmente está en proceso de definición.
Visitar la página del W³ Consortium en www.w3.org

Más información

De nuevo, la mejor fuente de información es la SGML/XML home page
Su URL es: http://gopher.sil.org/sgml/sgml.html