How important is "Rich Semantics" in layout?

Question

css

Hello. I would like to ask experienced typesetters for their opinion on the importance of "Rich Semantics", what does it give?
By "Rich semantics", I mean, such things when, for example, the card component has:
title
image
description
so, you can lay out all these components on divs and not take a steam bath at all, or you can wrap the title in h4, for example, description in p . This is a very simplified example of course, but nevertheless, how do you do it? And what are your reasons for doing so?

Answer 1

there is such a thing, called w3.org
, it "sets" standards for "vertsk". I recommend to take a look.
Here and here you can check - according to "Feng Shui" or not.
Sometimes "easier" doesn't mean better (if you're planning to build ad campaigns, want good SEO performance, etc.) Google, Yandex and others directly look at what kind of site you have (including the Feng Shui layout or not) and directly ( IN PARTICULAR ) all this affects the price in advertising, positions in the search, etc. ... (this is not it means that if everything corresponds to 100% according to "feng shui" and all standards, your site will be in the first place in the search) follow it. For example, according to the new standard,
There is a w3 standard and you need, tags imgmust have an attribute alt, empty properties are not allowed in css, it is very desirable to use all heading tags h1-h6and h1there should be only 1 on the page, tags h2-h6 should not be higher than the same tag, but with a number less (for example, the tag h3should not be higher in the DOM , than h2etc.) and set set what else
if "rich semantics" is cross-browser, check here will not show errors, then at least in divs, at least on all html tags typeset