Finden Sie semantische Tags mit diesem HTML5 Roboter

Der HTML5-Doctype hat sich in der Welt der Frontend- Programmierung stark verändert . Der neue Standard kam mit einer Reihe neuer Elemente, von denen viele jetzt semantisch genauer sind als einfache divs.

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

Diese kostenlose Webanwendung sagt Ihnen genau, welche Tags die beste Wahl für Ihre HTML-Seite sind . 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 von Ihnen erstellten Seitenelements zu bestimmen. Von dort berechnet HTML5 Robot die neuesten HTML5-Elemente und findet die perfekte Übereinstimmung für Ihre Bedürfnisse.

Jede der Fragen hilft zu bestimmen, ob das Seitenelement Teil des Hauptinhalts, ein Zubehörteil oder etwas anderes ist.

Sie müssen nur ungefähr 5 Fragen beantworten, bevor Sie das gewünschte Tag finden, also ist dies nicht zu schwer zu verwenden. Sogar Anfänger-Programmierer können lernen, den HTML5-Roboter zu lieben!

Derzeit ist diese Webapp sowohl in Englisch als auch in Französisch erschienen. Weitere Übersetzungen könnten in Zukunft auf dem Weg sein, aber ohne Zweifel ist dies ein wertvolles Werkzeug für semantisches Frontend-Codieren.

Es ist auf der Webflow-Plattform gehostet und diese ganze Sache wurde als ein Projekt in Webflow ausgeführt.

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.