Hitta Semantiska Taggar Använda Denna HTML5 Robot

De HTML5-doktypen har ändrats mycket i världen av frontendkodning. Den nya standarden kom med en massa nya element, av vilka många är nu mer semantiskt noggranna än enkla div.

Men hur vet du vilket element som är bäst för din undernavigering eller sidofält? Fråga bara HTML5 Robot.

Den här gratis webbappen berättar för dig exakt vilka taggar är det bästa valet för din HTML-sida. Den anser semantik först och berättar vilken tag (s) som borde fungera bäst i din situation.

För att komma igång svarar du en serie med ja och inga frågor för att bestämma vilken typ av sidelement du bygger. Därifrån kommer HTML5 Robot att beräkna alla de senaste HTML5-elementen och hitta den perfekta matchningen som passar dina behov.

Var och en av Frågor hjälper till att avgöra om sidelementet är en del av huvudinnehållet, ett tillbehör, eller något annat helt och hållet.

Du behöver bara svara på 5 frågor innan du hittar taggen du behöver, så det här är inte så svårt att använda. Även nybörjare kodare kan lära sig att älska HTML5 Robot!

För närvarande har denna webapp släppts både på engelska och franska. Fler översättningar kan vara på väg i framtiden, men det är utan tvekan ett värdefullt verktyg för semantisk frontendkodning.

Den är värd på webbflödesplattformen och hela denna byggdes som ett projekt som körs på Webflow.

Ta en titt på huvudsidan och se vad du tycker. Om du har frågor eller idéer kan du dela dem med webbplatsens utvecklare @vinchubang.