From d014551329348c3f29fd82e820e60c28ddf68055 Mon Sep 17 00:00:00 2001 From: noah-vdv Date: Tue, 19 Jan 2021 19:58:49 +0100 Subject: [PATCH 1/4] remove todo's from nl 2020 markup --- src/content/nl/2020/markup.md | 36 ++++++++--------------------------- 1 file changed, 8 insertions(+), 28 deletions(-) diff --git a/src/content/nl/2020/markup.md b/src/content/nl/2020/markup.md index 965131e6e93..0f50d91d8d0 100644 --- a/src/content/nl/2020/markup.md +++ b/src/content/nl/2020/markup.md @@ -102,7 +102,6 @@ Twee dingen onderscheiden zich van deze resultaten: De documentgrootte van een pagina verwijst naar het aantal HTML-bytes dat via het netwerk wordt overgedragen, inclusief compressie indien ingeschakeld. Aan het einde van de reeks van 6,3 miljoen documenten: -{# TODO(authors, analysts): Revisit the "largest document" stat and interpretation. #} * 1.110 documenten zijn leeg (0 bytes). * De gemiddelde documentgrootte is 49,17 KB ([in de meeste gevallen gecomprimeerd](https://w3techs.com/technologies/details/ce-gzipcompression)). * Het grootste document weegt verreweg 61,19 _MB_ en verdient bijna zijn eigen analyse en hoofdstuk in de Web Almanac. @@ -115,16 +114,13 @@ Hoe is deze situatie in het algemeen dan? Het mediaan document weegt 24,65 KB, e description="Documentgrootte in bytes per percentiel, met een mediaan document van 25,99 KB op desktop.", sheets_gid="2066175354", chart_url="https://docs.google.com/spreadsheets/d/e/2PACX-1vQPKzFb574UnGTcfw5mcD1qR7RYHyGjQTc2hiMuYix0QoTH1DPe54Q2JucXL8bfZ6kjRoAfhk3ckudc/pubchart?oid=386686971&format=interactive", - width=600, - height=371, sql_file="summary_pages_by_device_and_percentile.sql" ) }} ### Document taal -{# TODO(editors): Link directly to the relevant Accessibility section. #} -We hebben 2.863 verschillende waarden geïdentificeerd voor het `lang`-attribuut op de `html`-starttag (vergelijk dat met de [7.117 gesproken talen](https://www.ethnologue.com/guides/how-many-languages) volgens Ethnologue). Ze lijken bijna allemaal geldig, volgens het hoofdstuk [Toegankelijkheid](./accessibility). +We hebben 2.863 verschillende waarden geïdentificeerd voor het `lang`-attribuut op de `html`-starttag (vergelijk dat met de [7.117 gesproken talen](https://www.ethnologue.com/guides/how-many-languages) volgens Ethnologue). Ze lijken bijna allemaal geldig, volgens het hoofdstuk [Toegankelijkheid](./accessibility#language-identification). 22,36% van alle documenten specificeren geen `lang`-attribuut. De algemeen aanvaarde opvatting is dat [ze zouden moeten](https://www.w3.org/TR/i18n-html-tech-lang/#overall), maar naast het idee dat software uiteindelijk [taal automatisch kan detecteren](https://meiert.com/en/blog/lang/), kan de documenttaal ook worden gespecificeerd [op protocolniveau](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Language). Dit hebben we niet gecontroleerd. @@ -137,8 +133,6 @@ Hier zijn de 10 meest populaire (genormaliseerde) talen in ons voorbeeld. Het is description="Staafdiagram met de top 10 `lang` attributen die in onze crawl worden gebruikt, waarbij 22,82% van de desktoppagina's en 22,36% van de mobiele pagina's dit niet instellen, `en` wordt gebruikt op respectievelijk 20,09% en 18,08%, `ja` op 15,17% en 13,27 %, `es` op 4,86% en 4,09%, `pt-br` op 2,65% en 2,84%, `ru` op 2,21% 2,53%, `en-gb` op 2,35% en 2,19%, `de` op 1,50 % en 1,92%, en tenslotte wordt `fr` gebruikt op respectievelijk 1,55% en 1,43%.", sheets_gid="2047285366", chart_url="https://docs.google.com/spreadsheets/d/e/2PACX-1vQPKzFb574UnGTcfw5mcD1qR7RYHyGjQTc2hiMuYix0QoTH1DPe54Q2JucXL8bfZ6kjRoAfhk3ckudc/pubchart?oid=1873310240&format=interactive", - width=600, - height=371, sql_file="pages_almanac_by_device_and_html_lang.sql" ) }} @@ -177,16 +171,13 @@ In totaal bevat ongeveer 2% van de pagina's helemaal geen scripts, zelfs niet me Aan de andere kant van het spectrum laten de cijfers zien dat ongeveer 97% van de pagina's ten minste één script bevat, inline of extern. -{# TODO(analysts): We still have a problem here with the x-axis label (“Containing”). Can someone help out and look at this? #} - {{ figure_markup( image="script-use.png", + alt="Gebruik van het script element caption="Gebruik van het script -element.", description="Percentages pagina's die (geen) scripts bevatten, en scripts zijn in bijna elke vorm op bijna elke pagina aanwezig.", sheets_gid="150962402", chart_url="https://docs.google.com/spreadsheets/d/e/2PACX-1vQPKzFb574UnGTcfw5mcD1qR7RYHyGjQTc2hiMuYix0QoTH1DPe54Q2JucXL8bfZ6kjRoAfhk3ckudc/pubchart?oid=1895084382&format=interactive", - width=600, - height=371, sql_file="pages_almanac_by_device.sql" ) }} @@ -227,22 +218,16 @@ De mediaanwebpagina, zo blijkt, gebruikt 30 verschillende elementen, 587 keer: description="Elementtypen per percentiel, waarbij 90% van de pagina's ten minste 20 verschillende elementen gebruikt.", sheets_gid="46490104", chart_url="https://docs.google.com/spreadsheets/d/e/2PACX-1vQPKzFb574UnGTcfw5mcD1qR7RYHyGjQTc2hiMuYix0QoTH1DPe54Q2JucXL8bfZ6kjRoAfhk3ckudc/pubchart?oid=924238918&format=interactive", - width=600, - height=371, sql_file="pages_element_count_by_device_and_percentile.sql" ) }} -{# Editors note: The caption for the two figures below is intentionally identical. #} - {{ figure_markup( image="element-diversity.png", caption="Verdeling van het totale aantal elementen per pagina.", description="Elementen per percentiel, die laten zien hoe 10% van alle pagina's meer dan 1.665 elementen gebruikt.", sheets_gid="46490104", chart_url="https://docs.google.com/spreadsheets/d/e/2PACX-1vQPKzFb574UnGTcfw5mcD1qR7RYHyGjQTc2hiMuYix0QoTH1DPe54Q2JucXL8bfZ6kjRoAfhk3ckudc/pubchart?oid=680594018&format=interactive", - width=600, - height=371, sql_file="pages_element_count_by_device_and_percentile.sql" ) }} @@ -257,8 +242,6 @@ Hoe worden deze elementen verdeeld? description="Elementverdeling in een scatterplot, en zelfs voor een getrainde waarnemer is het moeilijk om het te analyseren; interessant is een grote groep van ongeveer 7.500 pagina's met elk ongeveer 250 elementen, waarna steeds minder pagina's op steeds meer elementen terugkomen.", sheets_gid="1361520223", chart_url="https://docs.google.com/spreadsheets/d/e/2PACX-1vQPKzFb574UnGTcfw5mcD1qR7RYHyGjQTc2hiMuYix0QoTH1DPe54Q2JucXL8bfZ6kjRoAfhk3ckudc/pubchart?oid=1468756779&format=interactive", - width=600, - height=371, sql_file="pages_element_count_by_device_and_element_count.sql" ) }} @@ -471,12 +454,11 @@ Standaardelementen zijn elementen die deel uitmaken van de HTML-specificatie. We We nemen deze elementen op om een idee te geven welke elementen mogelijk uit de gratie zijn geraakt. Maar hoewel `dir` en` basefont` voor het laatst werden gespecificeerd in XHTML 1.0 (2000), het zeldzame gebruik van `rp`, [dat al in 1998 werd genoemd](https://www.w3.org/TR/1998/WD-rubya2-4) maar dat ook [nog steeds deel uitmaakt van HTML](https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-rp-element), suggereert misschien dat Ruby-opmaak niet erg populair is. + ### Aangepaste elementen De 2019-editie van de Web Almanac behandelde [aangepaste elementen](../2019/markup#custom-elements) door verschillende niet-standaard elementen te bespreken. Dit jaar vonden we het waardevol om aangepaste elementen van naderbij te bekijken. Hoe hebben we deze bepaald? Door te kijken naar [hun definitie](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-core-concepts), met name hun gebruik van een koppelteken. Laten we ons concentreren op de topelementen, in dit geval elementen die worden gebruikt op ≥1% van alle URL's in het voorbeeld: -{# TODO(authors, analysts): Clarify occurrences and percentages _of what_. Pages? Elements? #} -
@@ -564,8 +546,6 @@ De 2019-editie van de Web Almanac behandelde [aangepaste elementen](../2019/mark Deze elementen zijn afkomstig uit drie bronnen: [Yandex Metrica](https://metrica.yandex.com/about) (`ym-`), een analyseoplossing die we vorig jaar ook hebben gezien; [Slider Revolution](https://www.sliderrevolution.com/) (`rs-`), een WordPress-slider, waarvoor er meer elementen te vinden zijn bovenaan de sample; en [Wix](https://www.wix.com/) (`wix-`), een websitebouwer. -{# TODO(authors, analysts): What do "cases" mean here: pages/elements? And for desktop or mobile? #} - Andere groepen die opvallen zijn onder meer [AMP markup](https://amp.dev/) met `amp-` -elementen zoals `amp-img` (11.700 gevallen), `amp-analytics` (10.256) en `amp-auto-ads` (7.621), evenals [Angular](https://angular.io/) `app`-elementen zoals `app-root` (16.314), `app-footer` (6.745) en `app-header` (5.274). ### Verouderde elementen @@ -982,8 +962,7 @@ De twee meest populaire vallen op omdat ze bijna twee keer zo populair zijn dan Attributen zoals `data-type`, `data-id` en `data-src` kunnen meerdere generieke toepassingen hebben, hoewel `data-src` veel wordt gebruikt bij het lui laden van afbeeldingen via JavaScript (bijvoorbeeld Bootstrap 4). [Bootstrap](https://getbootstrap.com/) legt opnieuw de aanwezigheid uit van `data-toggle`, waar het wordt gebruikt als een staat styling haak op schakelknoppen. De [Slick carousel plugin](https://kenwheeler.github.io/slick/) is de bron van `data-slick-index`, terwijl `data-element_type` deel uitmaakt van [Elementor's WordPress-websitebouwer](https://elementor.com/). Zowel `data-requiremodule` als `data-requirecontext` maken dus deel uit van [RequireJS](https://requirejs.org/). -{# TODO(authors): Update this interpretation given that the lazy loading stat is in terms of pages, not img elements. #} -Interestingly, the use of native lazy loading on images is similar to that of `data-src`. 3.86% of pages use the `` attribute. This appears to be growing very fast, as back in February, this number was about [0.8%](https://twitter.com/zcorpan/status/1237016679667970050). It's possible that these are being used together for a [cross-browser solution](https://addyosmani.com/blog/lazy-loading/). +Interessant is dat het gebruik van native lazy loading op afbeeldingen vergelijkbaar is met dat van `data-src`. [3.86% van de pagina's](https://docs.google.com/spreadsheets/d/1ram47FshAjzvbQVJbAQPgxZN7PPOPCKIK67VJZCo92c/edit#gid=2109061092) gebruiken `loading="lazy"` op `` -elementen. Dit lijkt erg snel te groeien, aangezien dit aantal in februari ongeveer [0,8%](https://twitter.com/zcorpan/status/1237016679667970050) bedroeg. Het is mogelijk dat deze samen worden gebruikt voor een [cross-browser oplossing](https://addyosmani.com/blog/lazy-loading/). ## Diversen @@ -1132,7 +1111,6 @@ Er is de laatste tijd veel [discussie](https://adrianroselli.com/2016/01/links-b sql_file="pages_markup_by_device.sql" ) }} -{# TODO(analysts): Where do these "occurrences" come from? Ideally we have a single sheet to link to with the results used by this table. #}
@@ -1183,7 +1161,7 @@ Er is de laatste tijd veel [discussie](https://adrianroselli.com/2016/01/links-b
{{ figure_link(caption="Overname van knoptypes.", sheets_gid="410549982", sql_file="pages_markup_by_device.sql") }}
-Uit onze analyse blijkt dat ongeveer 60% van de pagina's een knopelement bevat en meer dan de helft van de pagina's (32,43%) ten minste één knop heeft die geen `type`-attribuut specificeert. Merk op dat het knopelement een [standaardtype](https://dev.w3.org/html5/spec-LC/the-button-element.html) heeft van `submit`, dus het standaardgedrag van knoppen op deze 32% van de pagina's is om de huidige formuliergegevens in te dienen. Om mogelijk onverwacht gedrag als dit te voorkomen, is het het beste om het kenmerk `type` op te geven. +Uit onze analyse blijkt dat ongeveer 60% van de pagina's een knopelement bevat en meer dan de helft van de pagina's (32,43%) ten minste één knop heeft die geen `type`-attribuut specificeert. Merk op dat het `button` element een [standaardtype](https://dev.w3.org/html5/spec-LC/the-button-element.html) heeft van `submit`, dus het standaardgedrag van knoppen op deze 32% van de pagina's is om de huidige formuliergegevens in te dienen. Om mogelijk onverwacht gedrag als dit te voorkomen, is het het beste om het kenmerk `type` op te geven.
@@ -1362,4 +1340,6 @@ Dat dwingt ons om af te sluiten met een oproep: let op HTML. Focus op HTML. Het Laten we ons voor de volgende editie van het hoofdstuk over de Web Almanac voorbereiden om nader te kijken naar het vak van het schrijven van HTML en, hopelijk, hoe we het hebben verbeterd. -We laten dit voor je open. Wat zijn uw opmerkingen? Wat viel u op? Wat is er volgens u verslechterd, en wat is er verbeterd? [Laat een reactie achter](https://discuss.httparchive.org/t/2039) om uw mening te delen! +

+ We laten dit voor je open. Wat zijn uw opmerkingen? Wat viel u op? Wat is er volgens u verslechterd, en wat is er verbeterd? [Laat een reactie achter](https://discuss.httparchive.org/t/2039) om uw mening te delen! +

From fd8cae3d983b88d2de14eb2493a5be9f9fc7f2bb Mon Sep 17 00:00:00 2001 From: Barry Pollard Date: Tue, 19 Jan 2021 19:13:32 +0000 Subject: [PATCH 2/4] Add comma to fix the build --- src/content/nl/2020/markup.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/nl/2020/markup.md b/src/content/nl/2020/markup.md index 0f50d91d8d0..75edd1382f6 100644 --- a/src/content/nl/2020/markup.md +++ b/src/content/nl/2020/markup.md @@ -173,7 +173,7 @@ Aan de andere kant van het spectrum laten de cijfers zien dat ongeveer 97% van d {{ figure_markup( image="script-use.png", - alt="Gebruik van het script element + alt="Gebruik van het script element, caption="Gebruik van het script -element.", description="Percentages pagina's die (geen) scripts bevatten, en scripts zijn in bijna elke vorm op bijna elke pagina aanwezig.", sheets_gid="150962402", From c45e12b61ff00f1a5a51b5162b55804ff2cf46b4 Mon Sep 17 00:00:00 2001 From: noah van der Veer <46689362+noah-vdv@users.noreply.github.com> Date: Tue, 19 Jan 2021 20:24:23 +0100 Subject: [PATCH 3/4] Update src/content/nl/2020/markup.md Co-authored-by: Barry Pollard --- src/content/nl/2020/markup.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/nl/2020/markup.md b/src/content/nl/2020/markup.md index 75edd1382f6..f007be62b34 100644 --- a/src/content/nl/2020/markup.md +++ b/src/content/nl/2020/markup.md @@ -173,7 +173,7 @@ Aan de andere kant van het spectrum laten de cijfers zien dat ongeveer 97% van d {{ figure_markup( image="script-use.png", - alt="Gebruik van het script element, + alt="Gebruik van het script element", caption="Gebruik van het script -element.", description="Percentages pagina's die (geen) scripts bevatten, en scripts zijn in bijna elke vorm op bijna elke pagina aanwezig.", sheets_gid="150962402", From 1762921b73933fb4f430cba7c472f26f6010266c Mon Sep 17 00:00:00 2001 From: noah-vdv Date: Tue, 19 Jan 2021 20:49:53 +0100 Subject: [PATCH 4/4] Update markup.md --- src/content/nl/2020/markup.md | 46 +++++++++++++++++------------------ 1 file changed, 23 insertions(+), 23 deletions(-) diff --git a/src/content/nl/2020/markup.md b/src/content/nl/2020/markup.md index 0f50d91d8d0..fa1b09867a0 100644 --- a/src/content/nl/2020/markup.md +++ b/src/content/nl/2020/markup.md @@ -57,7 +57,7 @@ In dit gedeelte behandelen we de aspecten van een hoger niveau van HTML, zoals d - + @@ -122,7 +122,7 @@ Hoe is deze situatie in het algemeen dan? Het mediaan document weegt 24,65 KB, e We hebben 2.863 verschillende waarden geïdentificeerd voor het `lang`-attribuut op de `html`-starttag (vergelijk dat met de [7.117 gesproken talen](https://www.ethnologue.com/guides/how-many-languages) volgens Ethnologue). Ze lijken bijna allemaal geldig, volgens het hoofdstuk [Toegankelijkheid](./accessibility#language-identification). -22,36% van alle documenten specificeren geen `lang`-attribuut. De algemeen aanvaarde opvatting is dat [ze zouden moeten](https://www.w3.org/TR/i18n-html-tech-lang/#overall), maar naast het idee dat software uiteindelijk [taal automatisch kan detecteren](https://meiert.com/en/blog/lang/), kan de documenttaal ook worden gespecificeerd [op protocolniveau](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Language). Dit hebben we niet gecontroleerd. +22,36% van alle documenten specificeren geen `lang`-attribuut. De algemeen aanvaarde opvatting is dat [ze zouden moeten](https://www.w3.org/TR/i18n-html-tech-lang/#overall), maar naast het idee dat software uiteindelijk [taal automatisch kan detecteren](https://meiert.com/en/blog/lang/), kan de documenttaal ook worden gespecificeerd [op protocolniveau](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Language), dat hebben we niet gecontroleerd. Hier zijn de 10 meest populaire (genormaliseerde) talen in ons voorbeeld. Het is belangrijk op te merken dat het HTTP Archive crawlt vanuit Amerikaanse datacentra met Engelse taalinstellingen, dus het bekijken van de taalpagina's waarin is geschreven, zal scheef naar het Engels gaan. Desalniettemin presenteren we de `lang`-attributen die gezien worden om enige context te geven aan de geanalyseerde sites. @@ -145,7 +145,7 @@ Opmerkingen toevoegen aan code is over het algemeen een goede gewoonte en HTML-o ``` -Hoewel veel pagina's voor productie zijn ontdaan van opmerkingen, ontdekten we dat indexpagina's in het 90e percentiel ongeveer 73 reacties op mobiele apparaten gebruiken, respectievelijk 79 reacties op desktops, terwijl in het 10e percentiel het aantal reacties ongeveer 2 is. Mediaanpagina gebruikt 16 (mobiel) of 17 reacties (desktop). +Hoewel veel pagina's voor productie zijn ontdaan van opmerkingen, ontdekten we dat homepagina's in het 90e percentiel ongeveer 73 reacties op mobiele apparaten gebruiken, respectievelijk 79 reacties op desktops, terwijl in het 10e percentiel het aantal reacties ongeveer 2 is. Mediaanpagina gebruikt 16 (mobiel) of 17 reacties (desktop). Ongeveer 89% van de pagina's bevat minstens één HTML-opmerking, terwijl ongeveer 46% een voorwaardelijke opmerking bevat. @@ -157,9 +157,9 @@ Ongeveer 89% van de pagina's bevat minstens één HTML-opmerking, terwijl ongeve ``` -Het bovenstaande is een niet-standaard voorwaardelijke HTML-opmerking. Hoewel deze in het verleden nuttig zijn gebleken om browserverschillen aan te pakken, zijn ze al enige tijd verleden tijd omdat Microsoft [voorwaardelijke opmerkingen heeft laten vallen](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/compatibility/hh801214(v=vs.85)) in Internet Explorer 10. +Het bovenstaande is een niet-standaard voorwaardelijke HTML-opmerking. Hoewel deze in het verleden nuttig zijn gebleken om browserverschillen aan te pakken, ze zijn al een tijdje aan de geschiedenis toevertrouwd omdat Microsoft [voorwaardelijke opmerkingen heeft laten vallen](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/compatibility/hh801214(v=vs.85)) in Internet Explorer 10. -Toch ontdekten we bij de bovenstaande percentielextremen dat webpagina's ongeveer 6 voorwaardelijke opmerkingen in het 90e percentiel gebruiken en 1 opmerking in het 10e percentiel. De meeste pagina's bevatten ze voor helpers zoals html5shiv, selectivizr en respond.js. Hoewel het fatsoenlijke en nog steeds actieve pagina's zijn, is onze conclusie dat veel van hen verouderde CMS-thema's gebruikten. +Toch ontdekten we bij de bovenstaande percentielextremen dat webpagina's ongeveer 6 voorwaardelijke opmerkingen in het 90e percentiel gebruiken en 1 opmerking in het 10e percentiel. De meeste pagina's bevatten ze voor helpers zoals [html5shiv](https://github.com/aFarkas/html5shiv), [selectivizr](http://selectivizr.com/), en [respond.js](https://github.com/scottjehl/Respond). Hoewel het fatsoenlijke en nog steeds actieve pagina's zijn, is onze conclusie dat veel van hen verouderde CMS-thema's gebruikten. Voor productie worden HTML-opmerkingen meestal verwijderd door build-tools. Gezien alle bovenstaande tellingen en percentages, en verwijzend naar het gebruik van opmerkingen in het algemeen, veronderstellen we dat veel pagina's worden weergegeven zonder tussenkomst van een HTML-minifier. @@ -184,7 +184,7 @@ Aan de andere kant van het spectrum laten de cijfers zien dat ongeveer 97% van d Wanneer scripting niet wordt ondersteund of is uitgeschakeld in de browser, helpt het `noscript`-element om een HTML-sectie binnen een pagina toe te voegen. Gezien de bovenstaande scriptnummers waren we ook benieuwd naar het `noscript`-element. -Na de analyse ontdekten we dat ongeveer 49% van de pagina's een `noscript`-element gebruikt. Tegelijkertijd bevatte ongeveer 16% van de `noscript`-elementen een `iframe` met een `src`-waarde die verwijst naar "googletagmanager.com". +Na de analyse ontdekten we dat ongeveer 49% van de pagina's een `noscript`-element gebruikt. Tegelijkertijd bevat ongeveer 16% van de `noscript`-elementen een `iframe` met een `src`-waarde die verwijst naar "googletagmanager.com". Dit lijkt de theorie te bevestigen dat het totale aantal `noscript`-elementen in het wild kan worden beïnvloed door veelgebruikte scripts zoals Google Tag Manager die gebruikers dwingen om een `noscript`-fragment toe te voegen na de `body`-starttag op een pagina. @@ -224,7 +224,7 @@ De mediaanwebpagina, zo blijkt, gebruikt 30 verschillende elementen, 587 keer: {{ figure_markup( image="element-diversity.png", - caption="Verdeling van het totale aantal elementen per pagina.", + caption="Verdeling van het totale aantal elementen per pagina per percentiel.", description="Elementen per percentiel, die laten zien hoe 10% van alle pagina's meer dan 1.665 elementen gebruikt.", sheets_gid="46490104", chart_url="https://docs.google.com/spreadsheets/d/e/2PACX-1vQPKzFb574UnGTcfw5mcD1qR7RYHyGjQTc2hiMuYix0QoTH1DPe54Q2JucXL8bfZ6kjRoAfhk3ckudc/pubchart?oid=680594018&format=interactive", @@ -363,12 +363,12 @@ Dienovereenkomstig hebben we gekeken naar het aantal `details` en `summary` elem
Doctype Pagina'sPercentagePagina's (%)
-
{{ figure_link(caption="Overname van de details- en summary-elementen.", sheets_gid="1406534257", sql_file="pages_element_count_by_device.sql") }}
+
{{ figure_link(caption="Overname van de details- en summary-elementen.", sheets_gid="1406534257", sql_file="pages_element_count_by_device.sql") }}
### Waarschijnlijkheid van elementgebruik -Als we nog eens kijken naar de populariteit van elementen, hoe waarschijnlijk is het dat een bepaald element in de DOM van een pagina wordt gevonden? Zeker, `html`, `head`, `body` zijn op elke pagina aanwezig (ook al zijn [hun tags allemaal optioneel](https://meiert.com/en/blog/optional-html/)), waardoor ze gemeenschappelijke elementen worden, maar welke andere elementen zijn er te vinden? +Als we nog eens kijken naar de populariteit van elementen, hoe waarschijnlijk is het dat een bepaald element in de DOM van een pagina wordt gevonden? Zeker, `html`, `head`, `body` zijn op elke pagina aanwezig (ook al zijn [deze tags allemaal optioneel](https://meiert.com/en/blog/optional-html/)), waardoor ze gemeenschappelijke elementen worden, maar welke andere elementen zijn er in het algemeen te vinden?
@@ -424,7 +424,7 @@ Als we nog eens kijken naar de populariteit van elementen, hoe waarschijnlijk is
{{ figure_link(caption="Grote kans om een bepaald element te vinden op pagina's van het Web Almanac 2020-voorbeeld.", sheets_gid="184700688", sql_file="pages_element_count_by_device_and_element_type_present.sql") }}
-Standaardelementen zijn elementen die deel uitmaken van de HTML-specificatie. Welke vind je echt zelden? In onze steekproef zou dat het volgende naar voren brengen: +Standaardelementen zijn elementen die deel uitmaken van de HTML-specificatie. Welke zijn zeldzaam om te vinden? In onze steekproef zou dat het volgende naar voren brengen:
@@ -452,7 +452,7 @@ Standaardelementen zijn elementen die deel uitmaken van de HTML-specificatie. We
{{ figure_link(caption="Lage kansen om een bepaald element op pagina's van de steekproef te vinden.", sheets_gid="184700688", sql_file="pages_element_count_by_device_and_element_type_present.sql") }}
-We nemen deze elementen op om een idee te geven welke elementen mogelijk uit de gratie zijn geraakt. Maar hoewel `dir` en` basefont` voor het laatst werden gespecificeerd in XHTML 1.0 (2000), het zeldzame gebruik van `rp`, [dat al in 1998 werd genoemd](https://www.w3.org/TR/1998/WD-rubya2-4) maar dat ook [nog steeds deel uitmaakt van HTML](https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-rp-element), suggereert misschien dat Ruby-opmaak niet erg populair is. +We nemen deze elementen op om een idee te geven welke elementen mogelijk uit de gratie zijn geraakt. Maar hoewel `dir` en` basefont` voor het laatst werden gespecificeerd in XHTML 1.0 (2000) en niet langer deel uitmaken van HTML, het zeldzame gebruik van `rp`, [dat al in 1998 werd genoemd](https://www.w3.org/TR/1998/WD-rubya2-4) en dat [nog steeds deel uitmaakt van HTML](https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-rp-element), suggereert misschien dat Ruby-opmaak niet erg populair is. ### Aangepaste elementen @@ -464,8 +464,8 @@ De 2019-editie van de Web Almanac behandelde [aangepaste elementen](../2019/mark - - + + @@ -544,13 +544,13 @@ De 2019-editie van de Web Almanac behandelde [aangepaste elementen](../2019/mark
{{ figure_link(caption="De 14 meest populaire aangepaste elementen.", sheets_gid="770933671", sql_file="pages_element_count_by_device_and_custom_dash_elements.sql") }}
-Deze elementen zijn afkomstig uit drie bronnen: [Yandex Metrica](https://metrica.yandex.com/about) (`ym-`), een analyseoplossing die we vorig jaar ook hebben gezien; [Slider Revolution](https://www.sliderrevolution.com/) (`rs-`), een WordPress-slider, waarvoor er meer elementen te vinden zijn bovenaan de sample; en [Wix](https://www.wix.com/) (`wix-`), een websitebouwer. +Deze elementen zijn afkomstig uit drie bronnen: [Yandex Metrica](https://metrica.yandex.com/about) (`ym-`), een analyseoplossing die we vorig jaar ook zagen; [Slider Revolution](https://www.sliderrevolution.com/) (`rs-`), een WordPress-slider, waarvoor er meer elementen te vinden zijn bovenaan de sample; en [Wix](https://www.wix.com/) (`wix-`), een websitebouwer. Andere groepen die opvallen zijn onder meer [AMP markup](https://amp.dev/) met `amp-` -elementen zoals `amp-img` (11.700 gevallen), `amp-analytics` (10.256) en `amp-auto-ads` (7.621), evenals [Angular](https://angular.io/) `app`-elementen zoals `app-root` (16.314), `app-footer` (6.745) en `app-header` (5.274). ### Verouderde elementen -Er zijn meer vragen te stellen over het gebruik van HTML, en een daarvan kan betrekking hebben op verouderde elementen, zoals `applet`, `bgsound`, `blink`, `center`, `font`, `frame`, `isindex`, `marquee`, of `spacer`. +Er zijn meer vragen te stellen over het gebruik van HTML, inclusief het gebruik van verouderde elementen (zoals `applet`, `bgsound`, `blink`, `center`, `font`, `frame`, `isindex`, `marquee`, of `spacer`). In onze mobiele dataset van 6,3 miljoen pagina's bevatten ongeveer 0,9 miljoen pagina's (14,01%) een of meer van deze elementen. Hier is de top 9, die meer dan 10.000 keer wordt gebruikt: @@ -559,7 +559,7 @@ In onze mobiele dataset van 6,3 miljoen pagina's bevatten ongeveer 0,9 miljoen p - + @@ -614,7 +614,7 @@ In onze mobiele dataset van 6,3 miljoen pagina's bevatten ongeveer 0,9 miljoen p
{{ figure_link(caption="Verouderde elementen met meer dan 10.000 toepassingen.", sheets_gid="1972617631", sql_file="pages_element_count_by_device_and_obsolete_elements.sql") }}
-Zelfs `spacer` wordt nog 1.584 keer gebruikt en staat op elke 5.000ste pagina. We weten dat Google al [22 jaar](https://web.archive.org/web/19981202230410/https://www.google.com/) een `center`-element op [hun homepagina](https://www.google.com/) gebruikt, maar waarom zijn er zoveel navolgers? +Zelfs `spacer` wordt nog 1.584 keer gebruikt en staat op elke 5.000ste pagina. We weten dat Google [al 22 jaar](https://web.archive.org/web/19981202230410/https://www.google.com/) een `center`-element op [hun homepagina](https://www.google.com/) gebruikt, maar waarom zijn er zoveel navolgers? #### `isindex` @@ -764,7 +764,7 @@ Deze sectie gaat over hoe attributen worden gebruikt in documenten en onderzoekt ### Topattributen -Vergelijkbaar met de sectie over de meest [populaire elementen](#topelementen), gaat deze sectie in op de meest populaire attributen op internet. Gezien hoe belangrijk het `href`-attribuut is voor het web zelf, of het `alt`-attribuut om informatie [toegankelijk](./accessibility) te maken, zouden dit dan de meest populaire attributen zijn? +Vergelijkbaar met de sectie over de meest [populaire elementen](#topelementen), gaat deze sectie in op de meest populaire attributen op internet. Gezien hoe belangrijk het `href`-attribuut is voor het web zelf, of het `alt`-attribuut om informatie [toegankelijk](./accessibility#images-and-their-text-alternatives) te maken, zouden dit dan de meest populaire attributen zijn?
ElementVoorvallenPercentagePagina'sPagina's (%)
ElementVoorvallenPagina's Pagina's (%)
@@ -981,7 +981,7 @@ We hebben de gegevens bekeken en om de resultaten beter te begrijpen, hebben we - + @@ -1038,7 +1038,7 @@ Bij het bouwen van onze tests hebben we niet gekeken naar de aanwezigheid van af - + @@ -1117,7 +1117,7 @@ Er is de laatste tijd veel [discussie](https://adrianroselli.com/2016/01/links-b - + @@ -1161,7 +1161,7 @@ Er is de laatste tijd veel [discussie](https://adrianroselli.com/2016/01/links-b
{{ figure_link(caption="Overname van knoptypes.", sheets_gid="410549982", sql_file="pages_markup_by_device.sql") }}
-Uit onze analyse blijkt dat ongeveer 60% van de pagina's een knopelement bevat en meer dan de helft van de pagina's (32,43%) ten minste één knop heeft die geen `type`-attribuut specificeert. Merk op dat het `button` element een [standaardtype](https://dev.w3.org/html5/spec-LC/the-button-element.html) heeft van `submit`, dus het standaardgedrag van knoppen op deze 32% van de pagina's is om de huidige formuliergegevens in te dienen. Om mogelijk onverwacht gedrag als dit te voorkomen, is het het beste om het kenmerk `type` op te geven. +Uit onze analyse blijkt dat ongeveer 60% van de pagina's een knopelement bevat en meer dan de helft van die pagina's (32,43%) ten minste één knop heeft die geen `type`-attribuut specificeert. Merk op dat het `button` element een [standaardtype](https://dev.w3.org/html5/spec-LC/the-button-element.html) heeft van `submit`, dus het standaardgedrag van knoppen op deze 32% van de pagina's is om de huidige formuliergegevens in te dienen. Om mogelijk onverwacht gedrag als dit te voorkomen, is het het beste om het kenmerk `type` op te geven.
InhoudsattribuutwaardeVoorvallenPagina's Pagina's (%)
Favicon formaatVoorvallenPagina's Pagina's (%)
Knoptypes VoorvallenPercentagePagina's (%)
@@ -1308,7 +1308,7 @@ Het gebruik van `target="_blank"` staat al enige tijd bekend als een [beveiligin
{{ figure_link(caption="Lege relaties.", sheets_gid="1876528165", sql_file="pages_wpt_bodies_by_device.sql") }}
-Als vuistregel en om [gebruiksredenen](https://www.nngroup.com/articles/new-browser-windows-and-tabs/), geeft u er de voorkeur aan om `target="_blank"` niet te gebruiken in de eerste plaats. +Als vuistregel en om [gebruiksredenen](https://www.nngroup.com/articles/new-browser-windows-and-tabs/), wordt het aangeraden `target="_blank"` niet te gebruiken in de eerste plaats.

In de nieuwste Safari- en Firefox-versies biedt het instellen van target="_blank" op a-elementen impliciet hetzelfde rel-gedrag als het instellen van rel="noopener". Dit is ook al geïmplementeerd in Chromium en komt ook in Chrome 88 terecht.