Write HTML Like It’s 1999

Let’s do a very simple breakdown of some of the more common HTML no-nos:

❌ Using or elements for navigations or list components

❌ Implementing custom layouts for forms while removing items like or

So what should you do in place of these bad HTML implementations? ✅ Use proper , and for navigations or list components

✅ Style form elements directly (this is already supported in browsers)

✅ Keep element hierarchy as slim and top level as possible

✅ Avoid injecting any content via JavaScript (I understand this is difficult for certain apps, but try to minimize this as much as possible)

I’ve found a pretty simple starting point for testing the bones of a website by using the following single line of CSS:

This property simply outlines all elements on the current page in a dotted border. By placing a border on every HTML element you can instantly see how overly complex or ugly your structure might be under the hood.

Source: bradleytaunt.com