Link - http://codepen.io/codejsp/pen/jyaYwZ
Do I need to use stuff like <header>
<section>
<aside>
<footer>
or can I just use divs?
And do I need a <main>
and if I do, where do I put it?
Hey @codejsp,
this are semantic elements. But they are not just to structure your app, they are also part of the Web Accessibility.
For example when a blind person is visiting your page he will use a screen reader and this screen reader is using your semantic tags.
ahhhhh… good to know. Thanks
You don’t need them, but they were added in order to provide semantics to your page. <div>
should be used for stylistic purposes and as a generic container, as it doesn’t mean much by itself. You can definitely just use <div>
s, but your page won’t have any semantics. I suggest you read about those tags and where to use them. I’m trying to get in the habit of using appropriate tags for each purpose myself.
Here’s a good course on (semantic) HTML and CSS: http://learn.shayhowe.com/.
You’re welcome, glad I could be of help.