Kiedy wpisywanie sposobem inline "style="(...)" jest zgodne z standardami W3C?

Question

Tak jak w temacie.

Kiedy wpisywanie sposobem inline "style="(...)" jest zgodne z standardami W3C?

Czy to się tyczy tylko "clear: both;"?

Jeśli ktoś się orientuje dobrze to poproszę o odpowiedź.

Answer 1

Wpisywanie styli inline nigdy nie jest dobre, szczerze to znam tylko dwa takie przypadki, gdzie może to być akceptowalne:

1. jeśli potrzebowałbyś wprowadzać jakieś dynamiczne wartości, np. background-image i jego url itp. (ale to też nie najlepsza droga... ale w ostateczności...)
2. w templatkach e-mailowych, gdyż wiele klientów pocztowych po prostu wycina znaczniki <style> i nie akceptuje żadnych zewnętrznych arkuszy css, i to jest w zasadzie jedyne miejsce gdzie produkcyjnie używam stylowania inline.

W innych przypadkach lepiej stosować klasy css i reguły css umieszczać w osobnych plikach. Niech będzie jasny podział na semantykę i treść - HTML, wygląd - CSS i "działanie" - JS.

Comments

Dobrze,

Dziękuję za odpowiedź. Zawszę mnie to nurtowało, bo czasem sam Mirosław Zelet tego używa, a i na niektórych stronach widziałem inline clear: both;. Pewnie to już jest stara praktyka.

Pozdrawiam, Grzegorz

---

Powiem tak - jeśli MUSISZ użyć stylu inline (bo inaczej nie działa) to znaczy, że prawdopodobnie coś źle nakombinowałeś ze strukturą klas itp. Albo używasz jakiś silniejszych selektorów niż klasy (np. klasa z atrybutem itp.).

Warto wystrzegać się takich sytuacji ale też warto abyś poczytał sobie o sile róznych selektorów css. Generalnie tak na co dzień to raczej będziesz używał po prostu klas, ale warto znać te mechanizmy bo przydają się czasami przy pracy np. z frameworkami. Tak dla przykładu to chociażby angular dodaje do klas css różne atrybuty ale są sytuacje, gdy to zachowanie jest nieco zaskakujące. Daje to generalnie wielkie korzyści w postaci tzw. enkapsulacji styli dla komponentu, ale już kilka razy się na tym przejechałem i dopiero przy debugowaniu w konsoli computed styles wyszło co jest przez co przesłaniane :)

---

Tak po prawdzie ta odpowiedź nie jest poprawna ;) Poprawna odpowiedź brzmi: zawsze jest zgodne. Nie jest za to zgodne z dobrymi praktykami pisania kodu :P