Attributi "stile" multipli in un tag "span": cosa dovrebbe succedere?

Question

Si consideri il seguente frammento di codice HTML con due style attributi:

<span style="color:blue" style="font-style:italic">Test</span> 

In Opera 12.16 e Chrome 40, si presenta come testo blu non corsivo, mentre Internet Explorer 9 mostra testo in corsivo blu. Che cosa, se non altro, dovrebbe apparire lo standard?

Answer 1

In HTML, SGML e XML, ⁽¹⁾ attributi non può essere ripetuta, e dovrebbe essere definito solo in un elemento una volta.

Così il vostro esempio:

<span style="color:blue" style="font-style:italic">Test</span> 

è non conforme allo standard HTML, e si tradurrà in un comportamento indefinito, il che spiega il motivo per cui diversi browser sono rendering in modo diverso.

---

Poiché non v'è alcun modo definito a interpretare questo, i browser possono interpretano come vogliono e li fondono, o ignorarli come vogliono.

^{(1): Ogni articolo che posso trovare afferma che gli attributi sono coppie "chiave/valore" o coppie "valore attributo", il che implica che le chiavi devono essere univoche. The best source I can find states:}

^{nomi degli attributi (id e di stato in questo esempio) sono soggetti alle stesse restrizioni altri nomi in XML; non è necessario che siano unici attraverso l'intero DTD, ma solo nell'elenco di attributi per un dato elemento. (sottolineatura mia.)}

Answer 2

separare le regole con un punto e virgola in un'unica dichiarazione:

<span style="color:blue;font-style:italic">Test</span>