Vind semantische tags met deze HTML5-robot

De HTML5-doctype is veel veranderd in de wereld van frontend codering. De nieuwe standaard kwam met een aantal nieuwe elementen, waarvan er vele nu semantischer zijn dan eenvoudige divs.

Maar hoe weet u welk element het beste is voor uw subnavigatie of zijbalk? Vraag het maar aan de HTML5-robot.

Deze gratis webapp vertelt je precies welke tags de beste keuze zijn voor uw HTML-pagina. Het beschouwt semantiek eerst en vertelt u welke tag (s) het beste zouden werken in uw situatie.

Als u aan de slag wilt gaan, beantwoordt u een reeks vragen Ja en Nee om te bepalen welk type pagina-element u aan het bouwen bent. Vanaf daar zal HTML5 Robot alle nieuwste HTML5-elementen berekenen en de perfecte match vinden die voldoet aan uw behoeften.

Elk van de vragen helpen bepalen of het pagina-element deel uitmaakt van de hoofdinhoud, een accessoire, of iets anders helemaal.

U hoeft slechts ongeveer 5 vragen te beantwoorden voordat u de tag vindt die u nodig hebt, dus dit is niet te moeilijk om te gebruiken. Zelfs beginnerscodeerders kunnen leren de HTML5-robot leuk te vinden!

Momenteel is deze webapp uitgebracht in het Engels en het Frans. Meer vertalingen zijn mogelijk in de toekomst onderweg, maar dit is ongetwijfeld een waardevol hulpmiddel voor semantische codering van frontends.

Het wordt gehost op het Webflow-platform en dit hele ding is gebouwd als een project dat draait op Webflow.

Neem een ​​kijkje op de hoofdpagina en zie wat je denkt. Als u vragen of ideeën heeft, kunt u deze delen met de ontwikkelaar van de site @vinchubang.