Semantic layout is the basis of content accessibility in web applications. By using various HTML elements, you can improve the readability and understandability of your sites. This allows you to make content accessible without much effort.

Full list of HTML elements on MDN
There are cases when the semantic layout is violated. For example, when adding a <div> element in JSX to make the React code work. This happens especially often when working with lists (<ol>, <ul>, <dl>) or tables (<table>). In such a situation, it is recommended to use fragments to group the elements.