Finden Sie semantische Tags mithilfe dieses HTML5-Roboters

Das Der HTML5-Doctype hat sich sehr verändert in der Welt der Frontend-Codierung. Der neue Standard enthielt eine Reihe neuer Elemente, von denen viele mittlerweile semantisch genauer sind als einfache Divs.

Aber woher wissen Sie, welches Element am besten für Ihre Unternavigation oder Seitenleiste geeignet ist? Fragen Sie einfach den HTML5-Roboter.

Diese kostenlose Webapp sagt es Ihnen Welche Tags sind die beste Wahl für Ihre HTML-Seite?. Es berücksichtigt zuerst die Semantik und sagt Ihnen, welche Tags in Ihrer Situation am besten funktionieren sollten.

Um zu beginnen, beantworten Sie eine Reihe von Ja- und Nein-Fragen, um den Typ des Seitenelements zu bestimmen, das Sie erstellen. Von dort aus berechnet HTML5 Robot die neuesten HTML5-Elemente und findet die perfekte Anpassung für Ihre Anforderungen.

Jedes von den fragen hilft zu bestimmen, ob das Seitenelement Teil des Hauptinhalts ist, ein Accessoire oder etwas anderes.

Sie müssen nur etwa fünf Fragen beantworten, bevor Sie das gewünschte Tag finden. Daher ist es nicht zu schwierig, dies zu verwenden. Auch Anfänger können den HTML5 Robot lieben!

Zur Zeit wurde diese Webapp in Englisch und Französisch veröffentlicht. In Zukunft werden möglicherweise weitere Übersetzungen in die Wege geleitet, dies ist jedoch zweifellos ein wertvolles Werkzeug für die semantische Frontend-Codierung.

Es wird auf der Webflow-Plattform gehostet, und das Ganze wurde als ein auf Webflow laufendes Projekt erstellt.

Schauen Sie sich die Hauptseite an und sehen Sie, was Sie denken. Wenn Sie Fragen oder Ideen haben, können Sie diese mit dem Entwickler der Website @vinchubang teilen.