2009-12-10 14 views
25

Posso avere più valori per gli attributi rel? Mi piace così:Più valori per l'attributo rel

<a href="#" rel="value1 nofollow">Link</a> 

.. è valido e compatibile per browser?

risposta

35

It's valid. Non sono sicuro che sia supportato da tutti i browser, ma suppongo che lo sia.

link rel =-types [CI] Questo attributo descrive la relazione dal documento corrente per l'ancora specificata dall'attributo href. Il valore di questo attributo è un elenco separato da spazi di tipi di collegamento.

+1

+1, ma non vorrei fare ipotesi nel web design - in particolare per quanto riguarda il supporto del browser ... – Moshe

+1

Ebbene, in questo caso la cosa importante è quello di avere il supporto del crawler ;-) –

1

Decisamente valido.

Puoi anche fare la stessa cosa con l'attributo class. Questo è utile per lo stile CSS.

HTML:

<span class="foo bar more classes">Stuff</span> 
<span class="bar">More bar</span> 

CSS

.foo{ 
    color: #afafaf; 
} 

.bar{ 
    border: 1px solid #0ff; 
} 

La prima campata sarebbe grigia e hanno il bordo blu, mentre la seconda campata sarebbe solo il confine.

+3

Non è possibile aggiungere più valori all'attributo id, né inserire spazi nel valore id.L'id di un elemento HTML è una relazione 1 a 1, quindi ogni valore può verificarsi solo una volta per pagina. –

+0

Grazie. Risolto il problema con la mia risposta – Moshe

3

Sì, è valido e funziona su tutti i browser, tra cui IE7 e IE8

0

In realtà non è valida in base alla Structured Strumento di test dei dati.

Ho provato questa sera, con la seguente

rel="publisher nofollow" 

ed è riuscito a convalidare l'editore. Non appena ho rimosso il nofollow, è di nuovo convalidato ok.

Ho pensato di pubblicare la mia risposta, poiché ho trovato questo thread dopo aver fatto una ricerca su Google per la stessa domanda.

+0

Lo strumento di test dei dati strutturati non viene segnalato come non valido ora. –

+0

@StevenVachon Lo strumento di test dei dati puntato non ha più importanza per rel. Lo ignora. – JrBenito

0

Ho provato questo con jQuery Mobile e non funziona. Funziona se rimuovo il secondo attributo.

rel="external nofollow" 
0

sì è possibile ed è valida: per esempio: rel='tag nofollow'

<a expr:href='data:label.url' rel='tag nofollow'><data:label.name/></a> 

basta usare valori di dare "spazio vuoto" tra loro. I dettagli completi di tag utilizzati all'interno rel sono qui ..

http://www.w3schools.com/tags/att_a_rel.asp