The HTML5 doctype modified so much on this planet of frontend coding. The brand new usual got here with a host of new elements, a lot of which at the moment are extra semantically correct than easy divs.

However how are you aware which component is very best on your sub-navigation or sidebar? Simply ask the HTML5 Robot.

This unfastened webapp tells you precisely which tags are your best choice on your HTML web page. It considers semantics first and tells you which ones tag(s) must paintings very best for your state of affairs.

To get began you’ll solution a chain of sure and no inquiries to decide the kind of web page component you’re development. From there HTML5 Robotic will calculate the entire newest HTML5 parts and in finding the very best fit to fit your wishes.

html5 robot code generatorhtml5 robot code generator

Every of the questions is helping to decide if the web page component is a part of the primary content material, an adjunct, or one thing else altogether.

You’ll handiest want to solution about 5 questions prior to discovering the tag you wish to have, so this isn’t too exhausting to make use of. Even novice coders can learn how to love the HTML5 Robotic!

html5 semantic codes robothtml5 semantic codes robot

Recently, this webapp has been launched in each English and French. Extra translations could also be at the means at some point, however unquestionably it is a treasured device for semantic frontend coding.

It’s hosted at the Webflow platform and this complete factor used to be constructed as a venture operating on Webflow.

Check out the main page and notice what you assume. In case you have questions or concepts you’ll proportion them with the web page’s developer @vinchubang.

The put up Find Semantic Tags Using This HTML5 Robot gave the impression first on Hongkiat.

WordPress Website Development

[ continue ]