Mi a különbség weblapszerkesztésnél, hogy egy kép méretet html-ben vagy css-ben adok meg?

"Tehát, hogy ha azt írom, hogy <img src="kep.png" height="100px" width="100px"/>"

(HTML5 esetén) nem kell megadni px mértékegységet - elegendő simán csak

<img src="kep.png" height="100" width="100">

* https://www.w3.org/TR/html52/semantics-embedded-content.html#the-img-element

* http://w3c.github.io/html-reference/img.html

* https://www.w3schools.com/tags/att_img_height.asp

CSS-ben viszont kötelező:

* https://www.w3.org/TR/2011/REC-CSS2-20110607/syndata.html#value-def-length

Így a két vegytiszta megoldás között megjelenésben eltérés nincs. (Leszámítva azt, amit #1 írt, a HTML-ben nem kell mértékegység.) A kettőt keverve a CSS lesz a mérvadó.

De van egy fontos szemléletbeli különbség. Az elv az, hogy a HTML-nek az oldal tartalmát, és nem a kinézetét kellenek meghatároznia, a kinézetet határozza meg a CSS. Ennek több előnye van:

- A HTML tartalma – mivel nem tartalmaz formázáshoz szükséges meghatározásokat – átláthatóbb.

- Több hasonló formázást – mondjuk táblázatok esetén – csak egyszer kell a CSS-ben meghatározni, a konkrét elemeknek csak osztályt kell adni. Így ha valamin változtatni akarsz, egy helyen kell elvégezned.

- A két dolog különválasztható, az egyik ember tud azon dolgozni, hogy milyen tartalom jelenjen meg, a másik ember tud dolgozni azon, hogy az hogy nézzen ki.

- A HTML kód változtatása nélkül tudsz mobilra optimalizált, vagy éppen látássérülteknek szánt kinézetet megvalósítani.

- A CSS sokkal több formázási lehetőséget ad, előbb-utóbb mindenképpen használni fogod. Pl. egy lekerekített téglalapot meg lehet csinálni képekkel, meg táblázatokkal is, csak sokkal hosszabb a kód, nagyobb az adatforgalom, és nehezebben módosítható az egész. Ha meg már CSS-t használsz, nagyon össze fog keverni, ha bizonyos dolgokat CSS-el, más kinézetet érintő dolgokat a HTML nyújtotta eszközökkel valósítasz meg.