css - HTML tags structure -

i'm building webapp following structure :

however, i'm not developping web, , know html tags should use enclose different sections of app.

should use <header> tags header bar, <nav> menu, <aside> notifications , <article> body, or else? (i'd appreciate if can give me kind of skeleton this)

i don't think standard way, recommend looking smacss -- scalable , modular architecture css. https://smacss.com/book/type-layout it's great philosophy on how organize , name css/html.

following smacss, divide content based on header, footer, , article. whereas navigation child element of either header or article, can either choose use tag (if navigation remain constant throughout entire web structure), or if it'll flexible , changing, should stick labeling navigation class or id, , not use tag (this ensure can reuse css possible... read entire smacss article more on reusing css , further reading on oocss -- object oriented css)