ancore, target _blank e dtd strict

Sicuramente chiunque di voi si sia imbattuto nella creazione di siti web che rispettino gli standard XHTML 1.1 del W3C e ha voluto mantenere la compatibilità con HTML 4, ha avuto dei problemi di validazioni degli elementi anchor poichè avevano l'attributo target diventato deprecato con il passaggio di versione.

Un modo per bypassare il problema è ricorrere all'uso di Javascript per assegnare tale proprietà agli elementi anchor.

L'idea nasce dall'introduzione nella versione 5 di HTML del valore 'external' da assegnare all'attributo rel. Tale assegnazione ha la stessa funzione del target blank.

Per rendere il nostro portale XHTML Strict compilant e prevedere un successivo passaggio ad HTML5 e possibile associare l'attributo rel="external" alla nostra ancora e attraverso una funzione JQuery andare ad inserire il target='_blank'.

Vediamo un esempio.

Cosa vorremmo poter fare:

<a href="http://www.abstract.it" title="Abstract" target="_blank" >Abstract</a>

Cosa dobbiamo fare:

<a href="http://www.abstract.it" title="Abstract" rel="external" >Abstract</a>

Il passo successivo consiste nel creare la nostra funzione JQuery che permetterà di cercare all'interno dell'HTML tutte le ancore con attributo rel='external' e andare ad aggiungervi l'attributo target='_blank'

$(document).ready(function(){
   $(document).find("a[rel='external']").attr('target', '_blank');
});

N.B. in Plone sostituire il '$' con 'jq'