Trouver des balises sémantiques à l'aide de ce robot HTML5

Le doctype HTML5 a beaucoup changé dans le monde du codage frontend. La nouvelle norme est venue avec un tas de nouveaux éléments, dont beaucoup sont maintenant plus sémantiquement précis que les simples divs.

Mais comment savez-vous quel est le meilleur élément pour votre sous-navigation ou votre barre latérale? Il suffit de demander au robot HTML5.

Cette webapp gratuite vous indique exactement quels tags sont le meilleur choix pour votre page HTML . Il considère d'abord la sémantique et vous indique quel (s) tag (s) devrait (doivent) fonctionner le mieux dans votre situation.

Pour commencer, vous répondez à une série de questions par oui ou par non pour déterminer le type d'élément de page que vous construisez. À partir de là, HTML5 Robot calculera tous les derniers éléments HTML5 et trouvera la correspondance parfaite pour répondre à vos besoins.

Chacune des questions aide à déterminer si l'élément de page fait partie du contenu principal, d'un accessoire ou de quelque chose d'autre.

Vous aurez seulement besoin de répondre à environ 5 questions avant de trouver l'étiquette dont vous avez besoin, donc ce n'est pas trop difficile à utiliser. Même les codeurs débutants peuvent apprendre à aimer le robot HTML5!

Actuellement, cette application Web a été publiée en anglais et en français. D'autres traductions pourraient être en route dans le futur, mais il s'agit sans aucun doute d'un outil précieux pour le codage de frontend sémantique.

Il est hébergé sur la plate-forme Webflow et tout a été conçu comme un projet exécuté sur Webflow.

Jetez un oeil à la page principale et voyez ce que vous en pensez. Si vous avez des questions ou des idées, vous pouvez les partager avec le développeur du site @vinchubang.