HTML TRICKS YOU SHOULD KNOW

Programming Languages Come and Go But HTML Is Here To Stay.

All Web Developers Have To Use Html Extensively. Regardless of whichever framework or backend language you choose.

Here are 5 HTML tags & attributes you should know :

• Input Suggestions:

Getting useful and relevant suggestions when you are trying to search for something is really helpful.

HTML allows you to show a set of pre-defined suggestions as well, using the <datalist> tag.

• Lazy loading your image:

Lazy loading your images can help boost your site performance and responsiveness.

The image is loaded when the user scrolls and the image becomes visible otherwise, it is not loaded.

• Picture Tag:

Have you ever run into an issue with images not scaling up as nicely as you expect them to? I certainly have many times.

When you change the viewport width, you might notice certain images not scaling up and down as expected.

Luckily, HTML allows developers to fix this quite easily by using the <picture> tag allowing you to add multiple images fitting different widths instead of having a single one scale up and down.

• Base URL

This tag comes in handy when you have a lot of anchor tags redirecting to a certain URL start with the same base address.

• Document refresher:

You might have noticed this feature when you open certain sites and something along the lines”You will be redirected in 5 seconds” pop up.

This behavior is baked into HTML and you can use it via the <meta> tag and setting the http-equiv=”refresh” on it.