2015-03-04 16 views
15

Rozważmy następujący fragment HTML z dwóch style atrybutów:Wiele atrybutów "stylu" w tagu "zakres": co powinno się stać?

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

W Operze 12.16 i Chrome 40, to pokazuje się jako niebieski non-kursywą, natomiast Internet Explorer 9 pokazuje niebieską kursywą. Co, jeśli w ogóle, mówi norma, ma się pojawić?

Odpowiedz

20

w HTML, SGML i XML, (1) atrybuty nie mogą się powtarzać, i powinny być określone tylko w elemencie raz.

więc przykład:

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

jest niezgodnego ze standardem HTML, a spowoduje zachowanie niezdefiniowane, co wyjaśnia, dlaczego różnych przeglądarek renderowania to inaczej.


Ponieważ nie ma zdefiniowanego sposobu interpretacji tego, przeglądarki mogą je interpretować, ale chcą je scalić lub zignorować zgodnie z własnym życzeniem.

(1): Każdy znaleziony artykuł stwierdza, że ​​atrybuty są parami "klucz/wartość" lub "wartości atrybutu", co sugeruje, że klucze muszą być niepowtarzalne. The best source I can find states:

Nazwy atrybutów (id i status w tym przykładzie) podlegają takim samym ograniczeniom jak innych nazw w XML; nie muszą jednak być unikatowe w całym DTD, ale tylko na liście atrybutów dla danego elementu. (kopalnia Nacisk.)

+0

Co powiesz na dodanie swojego stylu do identyfikatora lub klasy? Podczas ładowania. @Skatox Chcę dodać komentarz przepraszam za mój błąd :( – lv0gun9

+0

@ lv0gun9 To nie ma znaczenia dla danego pytania. Pytanie nie dotyczyło dodawania klasy, chodziło o to, jak różne przeglądarki traktują zduplikowane atrybuty. –

30

oddzielić zasad z części średnikiem w jednej deklaracji:

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

+3

wiem jak mam niby * * to zrobić; Chcę wiedzieć, co ma się stać, jeśli tego nie zrobię (lub w moim konkretnym przypadku, co się stanie, jeśli automatyczny generator HTML przestanie działać). – Mark

+0

ah moje złe, źle zrozumiałem pytanie :) – Eeji

+9

to może nie odpowiedzieć na pytanie OP, ale naprawdę mi się przydało na tej samej stronie z pytaniami i odpowiedziami – Davos

Powiązane problemy