Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Attribuut

height HTML attribuut

12 elementen kennen dit attribuut. Klik op een tag voor de volledige uitleg van dat element.

Wat doet het height attribuut?

Geeft de hoogte van het element in pixels (zonder eenheid). Bij media zoals <img> en <video> reserveert het samen met width vooraf ruimte, wat onverwachte layout shifts voorkomt. Bij <td>/<th> is de waarde verouderd; gebruik daar CSS.

HTML
<img src="hond.jpg" width="800" height="600" alt="Een hond in het park">
CSS (voor tabelcellen)
td {
  height: 40px;
}

Welke HTML-elementen kennen height?

<canvas>

Gebruik het HTML-element <canvas> samen met de canvas scripting API of de WebGL API om afbeeldingen en animaties te tekenen.

De hoogte van de coördinatenruimte in CSS-pixels. Standaard 150.
Alles over <canvas> →

<embed>

Het <embed>-element van HTML bettet externe inhoud in op het opgegeven punt in het document. Deze inhoud wordt geleverd door een externe app...

De weergegeven hoogte van de bron, in CSS-pixels. Dit moet een absolute waarde zijn; percentages zijn niet toegestaan.
Alles over <embed> →

<fencedframe> Experimenteel

Dit is een experimenteel element. Het werkt nog niet in alle browsers.

Een eenheidloos geheel getal dat de hoogte van het fenced frame in CSS-pixels voorstelt. De standaardwaarde is 150.
Alles over <fencedframe> →

<iframe>

Het <iframe>-HTML-element vertegenwoordigt een geneste browsing context, waarmee een andere HTML-pagina in de huidige pagina wordt ingebed.

De hoogte van het frame in CSS-pixels. Standaard is 150.
Alles over <iframe> →

<img>

Het <img>-element van HTML bettet een afbeelding in het document in.

De intrinsieke hoogte van de afbeelding, in pixels. Moet een geheel getal zijn zonder eenheid.

Opmerking

Door height en width op te nemen, kan de browser de aspect ratio van de afbeelding berekenen voordat deze geladen is. Deze verhouding wordt gebruikt om de benodigde ruimte voor het weergeven van de afbeelding te reserveren, waardoor een verschuiving in de pagina-indeling wordt verminderd of zelfs voorkomen wanneer de afbeelding wordt gedownload en op het scherm getekend. Het verminderen van dergelijke verschuivingen is een belangrijk onderdeel van een goede gebruikerservaring en webprestaties.

Alles over <img> →

<input>

Het <input>-element van HTML wordt gebruikt om interactieve besturingselementen te maken voor webformulieren, om gegevens van de gebruiker t...

Alleen geldig voor de image-invoerknop; height is de hoogte van het afbeeldingsbestand dat weergegeven wordt om de grafische submit-knop voor te stellen. Zie het invoertype image.
Alles over <input> →

<marquee> Verouderd Niet-standaard

Het <marquee>-element van HTML wordt gebruikt om een scrollend gebied met tekst in te voegen. Je kunt met de attributen ervan bepalen wat er...

Stelt de hoogte in pixels of een percentagewaarde in.
Alles over <marquee> →

<object>

Het <object>-HTML-element vertegenwoordigt een externe bron, die kan worden behandeld als een afbeelding, een geneste browsing context, of e...

De hoogte van de weergegeven bron, zoals in <integer> in CSS-pixels.
Alles over <object> →

<source>

Het <source>-HTML-element specificeert een of meer mediabronnen voor de elementen <picture>, <audio> en <video>. Het is een void element, wa...

Specificeert de intrinsieke hoogte van de afbeelding in pixels. Toegestaan als de ouder van <source> een <picture> is. Niet toegestaan als de ouder <audio> of <video> is.

De hoogtewaarde moet een geheel getal zijn zonder enige eenheden.

Alles over <source> →

<td> Verouderd

Het <td>-element van HTML definieert een cel van een tabel die data bevat en kan worden gebruikt als een kind van het <tr>-element.

Definieert een aanbevolen hoogte voor de datacel. Gebruik in plaats daarvan de CSS-eigenschap height, aangezien dit attribuut verouderd is.
Alles over <td> →

<th> Verouderd

Het <th>-HTML-element definieert een cel als de kop van een groep tabelcellen en kan worden gebruikt als kind van het <tr>-element. De exact...

Definieert een aanbevolen hoogte voor de kopcel. Gebruik in plaats daarvan de CSS-eigenschap height, aangezien dit attribuut verouderd is.
Alles over <th> →

<video>

Het <video>-HTML-element sluit een mediaspeler in het document in die videoweergave ondersteunt. Je kunt <video> ook gebruiken voor audio-in...

De hoogte van het weergavegebied van de video, in CSS-pixels (alleen absolute waarden; geen percentages).
Alles over <video> →

Andere attributen van deze elementen