What tags are more crossplatforms to use with most popular browsers?

Question

Today read about BEM (Block, Element, Modifier) at https://habrahabr.ru/company/yandex/blog/276035/. I have interested in this trouble cause a problem has appeared with IE6 and earlier ones with my code has written with CSS3 and HTML 5.0. For example Yandex.ru uses BEM which consist of only "div" tags with different classes in css stylesheets instead of so modern like "article", "main", "aside" & etc. from HTML 5.0 to influence apps rapid and browsers comatibility. Different articles speaks different recommendation about using modern tags. For example:"yandex searches relevant data first of all in "h1-h5-...", "title", "article"... So it is recommended to use only HTML 5.0 tags for better SEO." So ones need to make a hard choice between SEO & compatibility everytime. Are there any ways to combine both? :-)

Answer 1

I have seen many compatibility workarounds, yes.

The Header (I am referring to the packet of data which is transmitted to the server) contains information about the browser accessing the page, this data can also be used to change the layout of the page. In css, you can also just use the beta forms (example webkit) to compensate for older browsers or alternatively you can suggest users if they want the best browsing experience they should download a newer version of their browsers.

You can also think of the saying where you can't keep everyone happy though.