Jeśli opracowujesz dokument HTML ściśle przy użyciu bieżącej najlepszej praktyki unikania stylizacji poza znacznikami, w jaki sposób najlepiej komunikować się ze zmianą rozmiaru obrazu?
Dotychczasowe najlepsze praktyki wymagają wysokości i szerokości obrazu z obrazem, ponieważ będzie on renderowany szybciej niż przeglądarka czeka na pobranie obrazu, aby uzyskać jego wymiary. Ale robienie tego wydaje się sprzeczne z izolowaniem stylu z dokumentu.
Dodać atrybut id do każdego obrazu i umieścić wysokość / szerokość w css? Czy to neguje premię renderowania wbudowanej wysokości i szerokości obrazu?
ALTtagu, nawet jeśli jest pusty lub sprawdzą zgodność.!importantw css pozwala na przesłonięcie atrybutów szerokości i wysokości, więc początkowo użycie szerokości / wysokości działa dobrze. Teraz jednak utknąłem na pozycji do głosowania. Jeśli miałbyś ochotę edytować odpowiedź, zmieniłbym to. nie wzrusza ramionami. Nie ma to większego znaczenia.Odpowiedź Johna Conde jest natychmiastowa. Obrazy mają szerokość i wysokość - to część ich zawartości , a nie ich styl . Nie ma więc potrzeby „separacji” tutaj.
Jednak jeden wyjątek: CSS dla wymiarów obrazu to przydatny, jeśli masz wiele obrazów tego samego rozmiaru (np. Miniatury). Tutaj znacznie lepiej jest użyć klasy CSS, aby zmniejszyć HTML i przyspieszyć rozwój.
W przypadku projektu strony internetowej, w tym przycisków i ikon, najlepszym rozwiązaniem są duszki CSS.
źródło