News

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 HTML5 Robot.

Voir Aussi: Apprendre avec Google IA: Faire de l'éducation ML accessible à tous

Cette application Web 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 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.


Voir Aussi: Top 20 Des Meilleures Applications Android Pour Apprendre La Programmation

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

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.
Commentaires
Aucun commentaire
Enregistrer un commentaire



    Reading Mode :
    Font Size
    +
    16
    -
    lines height
    +
    2
    -