why not browsers mesh the page with worng html tags?

Question

i am working on a project using html5 properties like <header>,<article> etc... it's work fine. but when i review it & saw that i wrote <heder></heder> instead of <header></header> but the structure work well in all browsers. so can anyone explain it.

Answer 1

Browsers don't do anything special with elements they don't recognise.

If the page didn't depend on any particular rendering of that element then replacing it with a different one (that had no default styles applied to it) wouldn't make a difference to the visual rendering.