Das height-Attribut
Das Attribut height legt die Höhe des Bildes fest,
das durch den Tag
img definiert ist.
Derzeit ist es zulässig, dieses Attribut nur für
Bilder,
iframe,
video
und einige andere Tags zu verwenden.
Es ist erlaubt, Werte in Pixeln oder Prozent anzugeben. Bei der Angabe der Größe in Prozent werden diese von der Breite des Elternelements genommen. Bei der Angabe der Größe in Pixeln werden die Maßeinheiten nicht angegeben.
Wenn für ein Bild weder Breite noch Höhe angegeben sind - hat das Bild seine tatsächliche Größe. Wenn die Höhe angegeben ist - erhält das Bild die angegebene Höhe, und in der Breite passt es sich so an, dass seine Proportionen nicht verzerrt werden. Wenn nur die Breite angegeben ist - passt sich das Bild analog in der Höhe an, um die Proportionen beizubehalten. Wenn sowohl Breite als auch Höhe angegeben sind - können die Proportionen des Bildes verzerrt werden (oder auch nicht, wie Sie raten können). Wenn Breite oder Höhe (oder beide zusammen) größer als die tatsächliche sind - vergrößert sich das Bild, verliert aber an Qualität.
Es wird empfohlen, Breite und Höhe für Bilder in Attributen anzugeben - in diesem Fall lädt der Browser die Bilder schneller - er muss nicht die Größe jedes Bildes nach dessen Erhalt berechnen.
Es wird nicht empfohlen, die tatsächlichen Abmessungen
eines Bildes ohne Notwendigkeit zu verkleinern. Zum Beispiel, die tatsächliche
Größe eines Bildes beträgt 1000 mal 1000
Pixel, und Sie weisen ihm eine Breite von 100px zu.
In diesem Fall wird das Bild auf dem Bildschirm
auf 100 Pixeln erscheinen, jedoch die Größe
von tausend Pixeln behalten und dementsprechend viel länger
laden.
Beispiele zur Verwendung finden Sie hier:
Tag img.
