IMG Tag vs. CSS
HTML IMG koder og CSS-bilder fungerer i visse omstendigheter i webdesign. Generelt CSS bilder passe bakgrunn eller dekorative bruk. Bruk HTML IMG koder når du trenger å ta med et bilde i innholdet; for eksempel, et fotografi av et produkt eller en person. For å endre enten CSS eller HTML du trenger tilgang til nettstedets kjernefilene.
IMG Tag
Den IMG HTML-koden står for "image". Den grunnleggende format for å skrive en bildekode er: <img alt = "Alternativ tekst bør bildet ikke klarer å laste inn" />. SRC gjelder bildekilde - som betyr mappeplasseringen eller URL. Noen mennesker bruker skjermleseprogrammer til å vise nettsteder eller bla med bilder slått av. I disse tilfellene, forklarer alt-tekst hva bildet refererer til. IMG-koden utgjør en del av en webside innhold. Så, hvis du ønsker å legge til et bilde på en side eller bruke et illustrerende grafen, er IMG tag det beste alternativet.
CSS bilde
Designere bruker CSS, eller Cascading Style Sheets, for å skille et nettsted innhold fra den generelle design. For eksempel, grenser, skyggelegging og bakgrunnsbilder teller ikke som elementer i nettstedets faktiske innhold. Syntaksen for en CSS bakgrunnsbilde er: background-image: URL ( 'yourchosenimage.gif') ;. CSS sitter vanligvis i en egen fil fra siden HTML, men du kan legge in-line instruksjoner. Å gjøre en endring i CSS-fil betyr at du kan endre utseendet på alle nettsidene dine i ett kjør. Så, hvis du ønsker å legge til en ramme bilde til din design, seh CSS til å endre hele nettstedet.
Alt innhold og navigasjon
Noen bilder på nettstedet ditt kan ha en viktig rolle i å hjelpe brukerne med å navigere på sidene dine eller søknad. For eksempel, "send" knappene "Kjøp nå" knapper eller "hjemme" knapper hele refererer til sine handlinger og mål. IMG tags inneholde ALT-attributter, og gir deg muligheten til å fortelle brukerne hva klikke denne linken vil gjøre hvis de ikke kan se bildet. CSS-bilder er det ikke mulig å inkludere slik informasjon. Det betyr at de ikke er egnet for navigasjonsknapper og viktige informasjonsgrafikk.
betraktninger
Ved hjelp av CSS bakgrunnsbilder kan legge til litt farge og kontrast til nettstedet ditt. Men overforbruk kan ta oppmerksomheten vekk fra innholdet. For eksempel kan ved hjelp av fargede bakgrunnsbilder under skrevet tekst gjør teksten vanskeligere å lese. Mange innholdet styringssystemer lar deg legge til bilder enkelt via hovedinnholdet editor. Disse er vanligvis IMG-tag HTML-bilder, så de vil ikke påvirke din CSS eller endre det generelle utseendet på nettstedet ditt.