Do I need these for HTML?

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.

5 Likes

ahhhhh… good to know. Thanks :smiley:

1 Like

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/.

2 Likes

Wow @AmirF27, thanks for the great site! Very useful information. :grinning:

1 Like

http://html5doctor.com/

Good place to learn and find answers about "semantic HTML "

You’re welcome, glad I could be of help. :smiley: