using div or article,aside,section ??

Discussion in 'HTML & Website Design' started by huseinbandi, Oct 23, 2011.

  1. #1
    guys.. before i'm use html 5 code, i'm always use div tag to make articles/content group. but,now i'm confuse bout new html 5 feature.. in html 5, we recommended to better use the artcle tag, section tag, and tag aside to replace the div tag. I really do not know where lies the difference? is there someone here knows about the use of each of those tags (with examples) and what the difference is if we still use the div tag.
     
    huseinbandi, Oct 23, 2011 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    You should not ask such questions in the Microsoft forum because Microsoft is years behind modern technology.

    However, the new elements are there to promote "semantic meaning" so machines, that is, search engines, robots and such, can determine the meaning or purpose of content which cannot be derived from a generic container like a div.
     
    drhowarddrfine, Oct 23, 2011 IP
  3. MHometchko

    MHometchko Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Ironically enough the <article> and <section> tags are relatively arbitrary and kind of up to interpretation. As I understand it an <article> should contain <section>'s of content. However a <section> may also contain an <article> and furthermore additional <section>'s. Either tag may be used to denote a section of a page where content that could be classified as an "article" would be. The discrete distinction between the two is very much up in the air, so to speak. There is also quite a bit of talk to remove one of the two due to the confusion. Hope this helps, and good luck learning HTML!
     
    MHometchko, Oct 24, 2011 IP
  4. Toycel

    Toycel Peon

    Messages:
    243
    Likes Received:
    11
    Best Answers:
    4
    Trophy Points:
    0
    #4
    Toycel, Oct 24, 2011 IP
  5. huseinbandi

    huseinbandi Well-Known Member

    Messages:
    1,060
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    130
    #5
    can u gimme a sample page?
     
    huseinbandi, Oct 24, 2011 IP
  6. huseinbandi

    huseinbandi Well-Known Member

    Messages:
    1,060
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    130
    #6
    huseinbandi, Oct 24, 2011 IP
  7. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #7
    None if the search robots aren't modified to use the new tags.
     
    Rukbat, Oct 24, 2011 IP
  8. Tedel

    Tedel Well-Known Member

    Messages:
    326
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    130
    #8
    I'd wait a couple of years more to move completely to HTML 5, but you can use simple designs with it already.

    Back to your question, consider <section> as if it were <div id="section">. There isn't much difference, actually.
     
    Tedel, Oct 25, 2011 IP
  9. huseinbandi

    huseinbandi Well-Known Member

    Messages:
    1,060
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    130
    #9
    you mean like this? :

    <div id="section>

    bla bla bla....

    </div>

    and same with this one..?

    <section>

    bla bla bla..

    </section>

    is that correct?
     
    huseinbandi, Oct 25, 2011 IP
  10. Tedel

    Tedel Well-Known Member

    Messages:
    326
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    130
    #10
    Yes, basically it's the same concept. <section> is a block with information, just like a <div>.
     
    Tedel, Oct 25, 2011 IP