SitePoint Sponsor

User Tag List

Page 4 of 4 FirstFirst 1234
Results 76 to 81 of 81

Thread: HTML5 examples

  1. #76
    bronze trophy
    Join Date
    Dec 2004
    Location
    Sweden
    Posts
    2,670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by mmj View Post
    A section is like a type of div which also has a specific meaning - it designates a section in the outline of a document. Any content and headers within one section is deemed to be part of a related topic within the document, and its relationship (before, after, within, containing) with other sections can be deemed to represent the document's overall structure in terms of chapters (or sections), subsections, etc as in a book or report. The nesting level of a section corresponds to the nesting level of a document outline, ie the fourth section element inside the third top-level section element could be section 3.4. This could correspond to chapter 3, subheading 4.

    Divs can be nested as deep as you like and it doesn't imply anything about the outline structure of the document, nor that the content inside a div is topically related. They are generic block level containers that can be used for any purpose - their only semantic purpose is to represent a block level element.

    You can use CSS or script to make sections and divs do the same things. The difference is only the semantic meaning. The meaning of sections could be used by a browser to give an outline summary of a document. The information about structure could also help search engines and other indexing services.

    A section element cannot be used for a navigation menu or a footer, because those parts of a page do not represent elements of a document's structure such as chapters and subheadings. For example, when generating an outline of the document a footer should not be regarded as a new chapter or subheading within a chapter of a document.
    Yep that's correct, except that <nav> is actually a sectioning element just like <section> in HTML5 (so it affects the document outline).

    The following elements are sectioning elements:

    section
    nav
    article
    aside

    The following elements are "sectioning roots":

    body
    blockquote
    figure
    td
    details
    Simon Pieters

  2. #77
    SitePoint Wizard drhowarddrfine's Avatar
    Join Date
    Aug 2005
    Posts
    3,438
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    A section element cannot be used for a navigation menu or a footer, because those parts of a page do not represent elements of a document's structure such as chapters and subheadings. For example, when generating an outline of the document a footer should not be regarded as a new chapter or subheading within a chapter of a document.
    That was very helpful. I hadn't thought of it that way.

  3. #78
    SitePoint Wizard silver trophybronze trophy
    Join Date
    Jul 2008
    Location
    New York, NY
    Posts
    1,432
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  4. #79
    SitePoint Wizard drhowarddrfine's Avatar
    Join Date
    Aug 2005
    Posts
    3,438
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Saw this myself, and then saw an article today, I think, that Google is now using HTML5 to implement some GMail features.

  5. #80
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by cooper.semantics View Post
    That's an interesting article. First commercial site I've seen using the new elements but they only seem to have gone part of the way; there's no sign of any footer or aside elements.

  6. #81
    SitePoint Wizard drhowarddrfine's Avatar
    Join Date
    Aug 2005
    Posts
    3,438
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •