If I have no:
nav {
color: red;
}
and use it as <nav>, i.e.with no class= or style=, does it have any impact on layout and/or style?
Reading it, I assume there is no impact (same for the other Semantic Elements). And of course, marking parts with these then help for accessibility, etc.
These html elements that you are listing (
header,nav,main) all have the same styling as a normaldivwhen rendered.The only purpose of their naming being different to a
divis for semantic reason which is useful for screen readers or other developers reading your code.It will not affect the styling at all.