Semantic-html

Landmarks provide a powerful way to identify the organization and structure of a web page. The structural information conveyed visually to users should be represented programmatically in the markup using landmark roles. In this post, you will understand the importance of logical, usable, and accessible layout for assistive technologies using HTML sectioning elements and ARIA landmark roles.

In most of the cases, images are used to make the websites content more pleasant or to demonstrate an impression or emotion to the user. However, there are other factors besides "visually pleasing" that contribute to your user having a great experience on your website.

Unfortunately, many websites are developed using an absurd amount of <p> and <div>. And that is a shame because HTML5 has about 100 elements. When we do not use all the power of semantic HTML, we only have to lose, in terms of accessibility and maintenance.

And here is the second part of the Semantic HTML: Texts and Formatting, where you will learn about paragraphs, sections, and 10 other elements that will help you write amazing HTML structures.

Have you ever wondered if you should use <b> or <strong>? Or have you wasted time googling to see which one is the most suitable? So I will save your time and share with you the formula that made me understand when to use and when not to use these HTML elements.

The year is almost over but there is still time to leave behind everything that keeps you from being a fantastic developer. Take advantage of these tips to learn a better and more affordable way to develop front-end applications and let these 10 bad practices die along with 2020.