Aktīva klausīšanās: efektīvas komunikācijas šķēršļi

Ja jūs izstrādājat html dokumentu, stingri izmantojot pašreizējo labāko praksi, kā stils netiek iekļauts marķējumā, kā vislabāk sazināties ar attēlu lielumu?

Iepriekšējā paraugprakse vēlas attēla augstumu un platumu, jo tas tiks attēlots ātrāk nekā pārlūks, kas gaida attēla lejupielādi, lai iegūtu tā izmērus. Bet tas, šķiet, ir pretrunā ar dokumentu nošķirošo stilu.

Pievienojiet katram attēlam id atribūtu un ievietojiet CSS augstumu / platumu? Vai tas noraida attēlojuma augstuma un platuma renderēšanas bonusu?

Platuma un augstuma iestatīšana IMG elementā nav novecojusi, un tas noteikti ir labākais veids, kā pārlūkam pateikt attēla platumu un augstumu. Iziet no sava ceļa, lai to izdarītu citā veidā, ir lieks un nevajadzīgs (un, iespējams, dumjš). Neveiciet nevajadzīgu darbu sev vai pārlūkprogrammai. Turieties pie pamatiem, kas darbojas.

  • 1 ... un neaizmirstiet ALT tagu, pat ja tā tukša, vai atbilstības pārbaudītāji sūdzēsies.
  • @Tchalvak Atvainojiet, bet jūs kļūdāties. Izmantojot servera puses programmēšanu un / vai JavaScript, jūs varat dinamiski ignorēt platumu un augstumu. Pēc jūsu loģikas jūs arī nevarat ignorēt iekšējos stilus.
  • Hmm, izskatās, ka es tomēr kļūdījos par CSS pārrakstīšanas trūkumu, !important CSS ļauj jums ignorēt platuma un augstuma atribūtus, tāpēc sākotnēji platuma / augstuma izmantošana darbojas labi. Tagad es tomēr esmu iestrēdzis balsojuma noraidīšanas pozīcijā. Ja jūs vēlētos rediģēt atbildi, es to mainītu. parausta plecus Ne tas, ka tam ir pārāk liela nozīme.

Džona Konde atbilde ir uz vietas. Attēliem ir platums un augstums - tā ir daļa no tiem saturu, nevis viņu stils. Tāpēc šeit nav nepieciešams veikt "atdalīšanu".

Tomēr viens izņēmums: CSS attēla izmēriem ir noderīgi, ja jums ir daudz vienāda lieluma attēlu (piemēram, sīktēli). Šeit ir daudz labāk izmantot CSS klasi, lai samazinātu HTML un paātrinātu attīstību.

Vietnes dizainam, ieskaitot pogas un ikonas, labākais risinājums ir CSS sprites.

  • +1, css sprites rada smieklīgas atšķirības vietnes ātrumā.

strādāja par jums: Charles Robertson | Vēlies ar mums sazināties?