Ravi Kumar
Ravi Kumar

@ravikmmr

7 Tweets 18 reads May 09, 2022
5 HTML tricks and tips for beginners.
๐Ÿงต๐Ÿ‘‡
1โƒฃ Lazy loading of your page
lazy loading your image 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.
2โƒฃ 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.
3โƒฃ Picture tag
<picture tag> allows you to add multiple images fitting different widths instead of having a single 1 scale up and down.
4โƒฃ Base URL
This tag comes in handy when you have a lot of anchor tags redirecting to a certain URL and all the URLs start with the same base address.
the <base> tag must have either "href" or a target attribute present.
05. Document refresher
this will redirect the user to the provided URL that is "googl.com" in 4 seconds and then set to 0 for an immediate effect you can use when you have to redirect a page to a different URL.
Thanks for reading the thread.
If you find it useful. Give the first one a retweet and if you have any feedback, let me know in the comment.
๐Ÿ”—

Loading suggestions...