Nederlands
Menu

Basis van webtechnologie

Wat is bij een pagina met responsive design die ook smartphones ondersteunt, het belangrijkste doel van <meta name="viewport" content="width=device-width, initial-scale=1"> in <head>?

  1. ADe breedte waarop de pagina wordt opgemaakt gelijk maken aan de schermbreedte van het apparaat en de pagina zonder verkleining tonen
  2. BDe server de afbeeldingen automatisch opnieuw laten maken passend bij de schermresolutie van het apparaat
  3. CDe pagina alleen in pc-browsers tonen en toegang vanaf smartphones weigeren
Antwoord en toelichting tonen

Antwoord: A. De breedte waarop de pagina wordt opgemaakt gelijk maken aan de schermbreedte van het apparaat en de pagina zonder verkleining tonen

Zonder deze instelling maakt een smartphonebrowser de pagina op bij een grote breedte die uitgaat van een pagina voor pc's (in het algemeen ongeveer 980px) en verkleint hij die daarna zodat ze op het scherm past. width=device-width maakt de opmaakbreedte gelijk aan de schermbreedte van het apparaat, en initial-scale=1 zet de beginvergroting op ware grootte. Daarbovenop schakelen CSS-mediaquery's (bijvoorbeeld @media (max-width: 600px)) de opmaak en de tekstgrootte om op basis van de schermbreedte.

Dit onderwerp oefenen Naar de onderwerppagina

Meer vragen over Basis van webtechnologie

  1. Het antwoord voor een „mijn pagina” waarvan de inhoud per gebruiker verschilt, krijgt Cache-Control: private, max-age=60. Welke beschrijving van het effect van deze instelling is juist?
  2. Een webserver comprimeert antwoorden vóór verzending met gzip of Brotli. Bij welk van de volgende levert de compressie in het algemeen de kleinste vermindering van de overgedragen hoeveelheid gegevens op?
  3. 1,5 MB tekstgegevens worden met gzip tot een derde van de grootte gecomprimeerd en verzonden. De bandbreedte is 10 Mbit/s en de RTT is 100 ms, en voordat het verzenden van de gegevens begint, kosten de TCP-verbinding, de TLS-handshake en het HTTP-verzoek samen drie rondgangen. Neem 1 MB = 10^6 bytes en verwaarloos de tijd voor compressie en decompressie, de headers en het wachten door de congestiebeheersing van TCP. Welke waarde ligt het dichtst bij de tijd tot alle gegevens zijn ontvangen?
  4. Een CDN ontvangt 2000 verzoeken per seconde, en de cache-hitratio stijgt van 90% naar 98%. De responstijd is 20 ms bij een hit, en 200 ms bij een miss, omdat de inhoud dan van de originserver wordt opgehaald en teruggegeven; alleen verzoeken die missen, bereiken de originserver. Welke combinatie van het aantal verzoeken dat de originserver bereikt en de gemiddelde responstijd nadat de ratio 98% is geworden, is juist?
  5. Wat geeft CLS (Cumulative Layout Shift) weer, een van de Core Web Vitals, de indicatoren voor de gebruikerservaring van een webpagina?