Het height attribuut
Het attribuut height specificeert de hoogte van een afbeelding,
die is gedefinieerd door de
img tag.
Tegenwoordig is dit attribuut alleen toegestaan
voor afbeeldingen,
iframe,
video
en enkele andere tags.
Het is toegestaan om waarden in pixels of percentages op te geven. Bij het opgeven van de grootte in percentages worden deze genomen van de breedte van de ouder. Bij het opgeven van de grootte in pixels worden de eenheden niet vermeld.
Als voor een afbeelding noch breedte, noch hoogte is opgegeven - zal de afbeelding zijn werkelijke grootte hebben. Als de hoogte is opgegeven - krijgt de afbeelding de opgegeven hoogte, en zal de breedte zich aanpassen zodat de verhoudingen niet vervormd worden. Als alleen de breedte is opgegeven - past de afbeelding zich op dezelfde manier aan in hoogte om de verhoudingen te behouden. Als zowel breedte als hoogte zijn opgegeven - kunnen de verhoudingen van de afbeelding vervormd worden (of misschien ook niet, dat is maar net wat je raadt). Als de breedte of hoogte (of beide samen) groter zijn dan de werkelijke grootte - zal de afbeelding vergroot worden, maar kwaliteit verliezen.
Het wordt aanbevolen om breedte en hoogte van afbeeldingen op te geven in de attributen - op deze manier laadt de browser sneller de afbeeldingen - hij hoeft niet de grootte van elke afbeelding te berekenen nadat hij deze heeft ontvangen.
Het wordt afgeraden om de werkelijke afmetingen
van een afbeelding zonder noodzaak te verkleinen. Bijvoorbeeld, de werkelijke
grootte van een afbeelding is 1000 bij 1000
pixels, en je kent er een breedte van 100px aan toe.
In dit geval zal de afbeelding op het scherm eruitzien
als 100 pixels, maar de grootte hebben
van de volledige duizend en dienovereenkomstig veel langer
laden.
Voorbeelden van gebruik zie hier:
de img tag.
