Aktiivinen kuuntelu: tehokkaan viestinnän esteet

Jos kehität html-asiakirjaa tiukasti käyttämällä nykyisiä parhaita käytäntöjä, joiden mukaan muotoilu pidetään pois merkinnöistä, miten kommunikoida parhaiten kuvan koon mukaan?

Aikaisemmat parhaat käytännöt haluavat kuvan korkeuden ja leveyden kuvan kanssa, koska se renderoidaan nopeammin kuin selain, joka odottaa kuvan lataamista saadakseen sen mitat. Mutta tämän tekeminen näyttää olevan ristiriidassa asiakirjan tyylin eristämisen kanssa.

Lisätään kullekin kuvalle tunnus-attribuutti ja laitetaan korkeus / leveys css: ään? Hylkääkö tämä sisäisen kuvan korkeuden ja leveyden renderointibonuksen?

IMG-elementin leveyden ja korkeuden olemassaolo ei ole vanhentunut, ja se on ehdottomasti paras tapa kertoa selaimelle kuvan leveys ja korkeus. Meneminen pois tietäsi toisella tavalla on turhaa ja tarpeetonta (ja mahdollisesti typerää). Älä tee tarpeetonta työtä itsellesi tai selaimellesi. Pidä kiinni toimivista perusasioista.

  • 1 ... ja älä unohda ALT myös tunniste, vaikka sen tyhjä tai vaatimustenmukaisuuden tarkastajat valittaisivat.
  • @Tchalvak Anteeksi, mutta olet väärässä. Voit ohittaa leveyden ja korkeuden dynaamisesti palvelinpuolen ohjelmoinnin ja / tai JavaScriptin avulla. Ja logiikkasi mukaan et myöskään voi ohittaa sisäisiä tyylejä.
  • Hups, näyttää siltä, ​​että olin väärässä CSS: n korvaamisen puuttumisesta joka tapauksessa, !important css: ssä voit ohittaa leveys- ja korkeusattribuutit, joten leveyden / korkeuden käyttäminen toimii aluksi hyvin. Nyt olen kuitenkin juuttunut äänestyksen alas -asentoon. Jos haluaisit muokata vastausta, muutan sitä. kohauttaa olkapäitään Ei sillä, että sillä on liikaa merkitystä.

John Conden vastaus on paikalla. Kuvien leveys ja korkeus ovat osa niitä sisältö, ei heidän tyyli. Joten tässä ei tarvitse tehdä "erottamista".

Yksi poikkeus: CSS kuvakokoille On hyödyllinen, jos sinulla on useita samankokoisia kuvia (esim. pikkukuvat). Tässä on paljon parempi käyttää CSS-luokkaa HTML: n vähentämiseen ja kehityksen nopeuttamiseen.

Paras ratkaisu verkkosivujen suunnitteluun, mukaan lukien painikkeet ja kuvakkeet, on CSS-spritit.

  • +1, css-spritit tekevät naurettavan eron sivuston nopeudessa.

työskennellyt sinulle: Charles Robertson | Haluatko yhteyttä?

hyödyllistä tietoa