En contrast amb els Microformats, permet una extracció de les dades sense que l'extractor hagi d'estar preparat per aquell model alhora que la dificultat per l'usuari és similar.

A més a més, a través dels espais de nom permet un model distribuït de creació de vocabularis, agilitzant-ne la creació i evitant els conflictes.

RDFa és un conjunt d'atributs —antics i nous— per permetre definir triples RDF.

Entrant en matèria i definint que:

cal:

http://www.w3.org/2002/12/cal/ical#

dc:

http://purl.org/dc/elements/1.1/

earl:

http://www.w3.org/ns/earl#

rdf:

http://www.w3.org/1999/02/22-rdf-syntax-ns#

Un exemple fàcil és marcar l'autor d'aquest post. En N3 seria:

<http://blog.esbudellat.net/rdfa-estructura-i-verbositat> dc:creator "Arnau Siches" .

En RDF/XML:

<rdf:Description rdf:about="http://blog.esbudellat.net/rdfa-estructura-i-verbositat">
   <dc:creator>Arnau Siches</dc:creator>
</rdf:Description>

I finalment en RDFa, considerant que el fragment és part del document al qual fa referència:

<p property="dc:creator">Arnau Siches</p>

Una molt bona introducció que mostra altres exemples senzills: RDF Primer.

Quan diverses triples comparteixen el mateix subjecte, la verbositat augmenta, igual que amb els microformats.

Per exemple, a l'expressar un esdeveniment en hcalendar obtenim:

<div class="vevent">
  <p class="summary">Trobada per xerrar sobre desenvolupament web de maig.</p>
  <h3>Dades de la trobada</h3>
  <dl>
    <dt>Dia:</dt>
    <dd>
      <abbr title="2008-05-23T19:30+1:00" class="dtstart">23 de maig a les 19:30h</abbr>
    </dd>
    <dt>Lloc:</dt>
    <dd class="location">
      <abbr class="geo" title="41.401745;2.155166">Bar Billar H.D.P.</abbr> de Gràcia
    </dd>
  </dl>
</div>

Molt similar a expressar-ho en RDF Calendar via RDFa:

<div typeof="cal:Vevent">
  <p property="cal:summary">Trobada per xerrar sobre desenvolupament web de maig.</p>
  <h3>Dades de la trobada</h3>
  <dl>
    <dt>Dia:</dt>
    <dd property="cal:dtstart" content="2008-05-23T19:30+1:00" datatype="xs:datetime">
      23 de maig a les 19:30h
    </dd>
    <dt>Lloc:</dt>
    <dd property="cal:location">
      <span property="cal:geo" content="41.401745 2.155166">Bar Billar H.D.P.</span> de Gràcia
    </dd>
  </dl>
</div>

En casos on l'estructura és complexa com per exemple un informe EARL de validació de les WCAG 1.0:

<earl:Assertion>
  <earl:assertedBy rdf:resource="#assertor"/>
  <earl:subject rdf:resource="#subject"/>
  <earl:test rdf:resource="http://www.w3.org/TR/WCAG10#tech-color-convey">
    <dc:description rdf:parseType="Literal" xml:lang="ca">
      <div xmlns="http://www.w3.org/1999/xhtml">
        Assegureu-vos que tota la informació transmesa amb colors…
      </div>
    </dc:description>
  </earl:test>
  <earl:mode rdf:resource="http://www.w3.org/ns/earl#manual"/>
  <earl:result rdf:resource="http://www.w3.org/ns/earl#fail">
    <dc:description rdf:parseType="Literal" xml:lang="ca">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p>Els enllaços només es poden distingir a través del color.</p>
      </div>
    </dc:description>
  </earl:result>
</earl:Assertion>

Passat a RDFa seria quelcom semblant a:

<div typeof="earl:Assertion" about="#subject">
  <h2 property="earl:test" resource="http://www.w3.org/TR/WCAG10/#tech-color-convey">
    Assegureu-vos que tota la informació transmesa amb colors…
  </h2>
  <div property="earl:mode" resource="http://www.w3.org/ns/earl#manual">
    <div property="earl:result" resource="http://www.w3.org/ns/earl#fail">
      <p>Els enllaços només es poden distingir a través del color.</p>
    </div>
  </div>
</div>

L'estructura no permet per exemple, usar una llista de definició amb tots els punts de les WCAG 1.0 ja que cal un contenidor per cada /earl:Assertion (gran part de la culpa és de la mala estructura de les llistes de definició en X/HTML). I cal un /div per cada /earl:result ja que pot haver-hi múltiples paràgrafs.

En conclusió, no millora en verbositat respecte els microformats però permet més flexibilitat d'expressió de relacions.

Recursos relacionats

• RDFa in XHTML: Syntax and Processing, W3C
• RDFa Primer, W3C

Element /active

Permet definir el patró actiu.

Atribut @pattern

Referència del patró actiu.

Element /assert

Permet definir un test mitjançant l'atribut @test que, si dóna fals, retorna el contingut del node.

Atribut @test

Expressió XPath relativa al context de l'element /rule ancessor.

Atribut @diagnostics

Referència a un element /diagnostic.

Element /extends

Permet referenciar regles sense context.

Atribut @rule

Referència a un element /rule[@abstract="true"]

Element /include

Permet inserir fragments Schematron al punt on es declari l'element.

Atribut @href

Referència a un document XML ben format l'arrel del qual ha de ser un element Schematron permès al punt on s'ha declarat l'element.

Element /let

Permet definir una variable. Si es defineix com a fill d'un element /rule el context de la variable serà el d'aquesta. Sinó, el context de la variable és l'arrel.

La variable sempre s'ha de declarar abans d'usar-la en una expressió i no es pot definir més d'una vegada la mateixa variable. (comportament igual a les variables XSLT).

Atribut @name

Nom de la variable.

Atribut @value

Expressió XPath.

Element /name

Permet obtenir el nom del node del context.

Atribut @path

Expressió XPath relativa al context actual.

Element /ns

Permet definir els espais de nom que s'usen en les expressions XPath. La declaració d'espais de nom del document no afecta a les expressions.

Atribut @uri

URI de l'espai de noms.

Atribut @prefix

Prefix de l'espai de noms.

Element /param

Permet definir una parella nom-valor per parametritzar patrons abstractes.

Atribut @name

Nom del paràmetre.

Atribut @value

Expressió XPath.

Element /pattern

Permet agrupar regles i definir agrupacions genèriques parametritzables.

Permet usar l'element /title i l'element /p per documentar.

Atribut @id

Identificador únic per esquema.

Atribut @abstract

Amb valor true permet definir patrons genèrics parametritzables.

Atribut @is-a

Permet instanciar un patró genèric.

Element /phase

Permet agrupar patrons per poder fer validacions progressives o parcials.

Atribut @id

Identifica una fase. No es pot usar ni #ALL ni #DEFAULT com a valor.

Element /report

Permet definir un test mitjançant l'atribut @test que, si dóna cert, retorna el contingut del node.

Atribut @test

Expressió XPath relativa al context de l'element /rule ancessor.

Atribut @diagnostics

Referència a un element /diagnostic.

Element /rule

Llista de tests (/assert i /report) relacionats a un context.

Atribut @context

Expressió XPath.

Atribut @abstract

Amb valor true permet definir regles genèriques, sense context.

Atribut @id

Identificador de la regla.

Element /schema

Arrel de l'esquema.

Permet usar l'element /title i l'element /p per documentar.

Atribut @schemaVersion

Versió de l'esquema. Normalment ISO19757-3. Depèn de l'implementador.

Atribut @queryBinding

Llenguatge d'interrogació. Normalment xslt1, xslt2, xpath, exslt. Depèn de l'implementador.

Atribut @defaultPhase

Nom de la fase per defecte.

Element /value-of

Valor d'una expressió XPath en context d'un test.

Atribut @select

Expressió XPath.

Element /diagnostic

Permet definir un text resultat del test. Per definir missatges multiidioma, cada idioma ha d'usar un element /diagnostic diferent amb l'atribut @xml:lang adequat i referenciant tots els identificadors a l'atribut @diagnostics del test.

Atribut @id

Identificador de l'element.

Element /dir

Permet definir la direcció del text.

Atribut @value

Els valors poden ser ltr o rtl.

Element /emph

Fragment de text emfatitzat.

Element /title

Títol, resum d'un fragment de l'esquema.

Element /p

Paràgraf per documentar l'squema.

Element /span

Fragment d'un paràgraf.

Atribut @class

Modificador de l'element.

Atribut @flag

Variable booleana amb valor inicial false.

Permet activar/desactivar tests o regles permetent així diferents graus de validació.

Atribut @fpi

Identificador formal public (Formal Public Identifier) de l'esquema, fase o altre element.

Atribut @icon

Localització d'un gràfic significatiu de l'element.

Atribut @role

Nom descriptor de la funció del test o del context d'un patró. Si el test té un atribut @subject el rol fa d'arc entre el context i qualsevol node que coincideixi amb l'expressió de l'atribut subject.

Atribut @see

URI d'informació externa d'interès pels usuaris de l'esquema.

Atribut @subject

Expressió que permet precisar el context d'un test.

Recursos relacionats

• Lloc oficial d'Schematron
• Tutorial d'Schematron

Si el servidor web és un Apache, es pot usar el mòdul mod_rewrite per decidir en funció de la capçalera HTTP Accept si servir application/xhtml+xml o text/html.

Usant .htaccess per fer la reescriptura el problema es resol amb:

RewriteEngine On
RewriteCond %{HTTP_ACCEPT} application/xhtml\+xml
RewriteRule ^(.+\.html)$ $1 [T=application/xhtml+xml]

La primera línia activa el mòdul.

La segona és una condició que rep la variable HTTP_ACCEPT (la qual conté la capçalera HTTP Accept) i l'expressió regular application/xhtml\+xml i mira si hi ha coincidència.

La darrera línia aplica només si la condició anterior és certa. En aquest cas, reescriu la URI deixant-la igual però afegint el modificador T amb valor application/xhtml+xml.

El modificador T permet forçar el tipus de contingut (Content-Type) de la URI reescrita.

Donat que s'usa aquesta decisió en el moment de servir el document i que el document no es modifica, usar un <meta http-equiv="Content-Type" …/> ja que caldria posar un MIME Type a l'atribut @content i en algun cas no seria correcte. Per tant millor no usar l'element /meta en aquest cas.

Al no posar l'element /meta no s'està especificant la codificació del document. Això quan s'usa XML (application/xhtml+xml) no és un problema ja que la codificació per defecte és UTF-8 però quan el contingut es serveix com a HTML (text/html) la codificació per defecte és la d'HTTP: ISO-8859-1.

Per evitar problemes, val la pena forçar la codificació des del document .htaccess amb una regla AddCharset.

Usant UTF-8 als documents XHTML, el document .htaccess final queda com:

AddCharset utf-8 html

RewriteEngine On
RewriteCond %{HTTP_ACCEPT} application/xhtml\+xml
RewriteRule ^(.+\.html)$ $1 [T=application/xhtml+xml]

Per descomptat, si s'usen diverses codificacions en documents HTML, aquesta regla caldrà condicionar-la perquè només afecti als documents correctes.

Com a últim afegit, per aconseguir que validadors com el del W3C, agafin el MIME Type correcte, es poden afegir condicionals opcionals:

AddCharset utf-8 html

RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} W3C_Validator [OR]
RewriteCond %{HTTP_USER_AGENT} WDG_SiteValidator [OR]
RewriteCond %{HTTP_USER_AGENT} W3C-checklink [OR]
RewriteCond %{HTTP_USER_AGENT} Web-Sniffer [OR]
RewriteCond %{HTTP_ACCEPT} application/xhtml\+xml
RewriteRule ^(.+\.html)$ $1 [T=application/xhtml+xml]

Recursos relacionats

• Module mod_rewrite
• Character encodings
• Setting the HTTP charset parameter
• RFC1945 - Hypertext Transfer Protocol -- HTTP/1.0
• RFC2616 - Hypertext Transfer Protocol -- HTTP/1.1

Per començar, un llistat de les funcions XPath amb una breu explicació.

2008-07-31T21:23:15.45+02:00

Aquest cas es considera un tipus de dada primitiva xs:dateTime o en casos reduïts com YYY-MM-DD el tipus de dada és xs:date

En altres tipus de dada en els que s'expressa una durada o període com xs:duration o xs:dayTimeDuration el format és diferent, s'expressa amb PnYnMnDTnHnMnS:

P2008Y7M31DT21H23M15.45S

És a dir, comença amb un marcador P obligatòri seguit de forma opcional per:

nY

Enter (xs:integer) seguit del caràcter Y que representa els anys.

nM

Enter (xs:integer) seguit del caràcter M que representa els mesos.

nD

Enter (xs:integer) seguit del caràcter D que representa els dies.

T

Obligatòri només si es proporciona alguna dada de temps inferior a un dia.

nH

Enter (xs:integer) seguit del caràcter H que representa les hores.

nM

Enter (xs:integer) seguit del caràcter H que representa els minuts.

nS

Decimal (xs:decimal) seguit del caràcter S que representa els segons.

La data pot ser negativa usant un guió (-) davant del marcador P.

Recursos relacionats

• ISO 8601 Date and Time Formats (XML Schema)
• Date and Time Formats (W3C Note)

És a dir, quelcom tipus:

.bottom-left {
   position: absolute;
   bottom: 0;
   left: 0;
}

Aquesta tècnica falla en Internet Explorer 6 quan es modifica la quantitat de contingut, és a dir, quan es modifica l'alçada degut a l'augment o disminució de contingut.

Quan hi ha una variació d'aquest tipus les caixes inferiors no recalculen la posició bottom: 0 de l'actual caixa. A l'exemple s'il·lustra l'error.

La solució és senzillament no usar la propietat bottom. Si les caixes ja es posicionen a lloc (si s'insereixen com a darrers fills) no cal afegir res ja que el top del flux coincideix amb la posició desitjada. Aparentment aquesta solució funciona amb tots els navegadors recents (Firefox 3, Opera 9.5, Safari 3, IE7).

Alternativament, si aquesta solució no funciona (Internet Explorer no se'l coneix per la seva consistència), es pot assignar a cada acció del commutador un valor de height diferent (per exemple 1% i 2%) de manera que a cada acció s'obliga l'IE a recalcular.

Recursos relacionats

• IE 1px discrepancy

XPath no té equivalent per cap pseudo-classe degut a que està pensat per seleccionar nodes i atributs d'un arbre existent, no pas d'estats ni d'slots computats (com passa amb els pseudo-elements).

Recursos relacionats

• Selectors, Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
• XML Path Language (XPath) 2.0
• How to map CSS selectors to XPath queries

El primer HTML5 que he fet m'ha permès veure que:

• Si no tanques un element (a l'exemple un element /p) i aquest té estils associats, en Safari els següents nodes hereden les propietats heredables.
• No sembla haver-hi efecte dels pseudo-elements :before i :after en elements nous tals com el /footer

Així doncs, quan s'omplen la boca de que mantenen la compatibilitat enrere, exactament què volen dir?

A l'especificació de CSS 2.1 es pot llegir:

Cells may span several rows or columns. (Although CSS 2.1 doesn't define how the number of spanned rows or columns is determined, a user agent may have special knowledge about the source document; a future update of CSS may provide a way to express this knowledge in CSS syntax.)

Table Layout (CSS 2.1 Specification)

És a dir, existeix una deficiència greu al model de taula de CSS 2.1 que potser quan aparegui el primer esborrany del mòdul de taules de CSS 3 arreglen.

De moment aquesta deficiència és suficient com per no permetre que en un marcatge tan estès com DocBook es puguin fer taules cobrint tots els possibles casos.

L'especificació d'HTML 4.01 defineix el contingut de l'atribut @class com un cdata-list:

CDATA is a sequence of characters from the document character set and may include character entities. User agents should interpret attribute values as follows:

• Replace character entities with characters,
• Ignore line feeds,
• Replace each carriage return or tab with a single space.

User agents may ignore leading and trailing white space in CDATA attribute values (e.g., "   myval   " may be interpreted as "myval"). Authors should not declare attribute values with leading or trailing white space.

SGML basic types (HTML 4.01 Specification)

És a dir, un token CDATA permèt qualsevol caràcter i es llista separant amb un espai:

This attribute assigns a class name or set of class names to an element. Any number of elements may be assigned the same class name or names. Multiple class names must be separated by white space characters.

Element identifiers: the id and class attributes (HTML 4.01 Specification)

El selector CSS més habitual per un atribut @class d'X/HTML és amb la forma .valor en comptes del selector d'atribut node[class~=valor].

A més a més, tal com diu l'especificació de CSS:

To match a subset of "class" values, each value must be preceded by a ".".

For example, the following rule matches any P element whose "class" attribute has been assigned a list of space-separated values that includes "pastoral" and "marine":

 
p.marine.pastoral { color: green }
	

This rule matches when class="pastoral blue aqua marine" but does not match for class="pastoral blue".

Class selectors (CSS 2.1 Specification)

És a dir, que els selectors de classe es poden combinar sense problema.

El problema apareix aquí, en CSS el punt (.) és un caràter reservat mentre que en X/HTML no.

Donat el següent XHTML:

<p class="dc title">
   lorem ipsum...
</p>
<p class="dc.title">
   lorem ipsum...
</p>

La regla:

.dc.title {
   background: orange;
}

Només aplica al primer paràgraf ja que s'està seleccionant un element que tingui un atribut @class amb dos token CDATA (“dc” i “title”)

El segon cas, al ser un token que conté un punt (.) cal escapar-lo:

.dc\.title {
   background: orange;
}

L'exemple en funcionament.

^† Internet Explorer 6 no suporta els selectors de classe combinats però sí l'escapat del punt (.).