www.webdeveloper.com
Results 1 to 12 of 12

Thread: HTML5 <article> element

Hybrid View

  1. #1
    Join Date
    Oct 2006
    Location
    Ables Springs, Texas
    Posts
    139

    HTML5 <article> element

    There seems to be no end to the number of pages on the web that describe the implementation of the <article> element. That's great. But what do you do with it once it's there?

  2. #2
    Join Date
    Dec 2012
    Posts
    110
    It acts exactly the same as a div element, you're supposed to use it to hold things like news articles.

  3. #3
    Join Date
    Apr 2013
    Posts
    13
    You can use same element <article> for different type of article in HTML and you can use it many times.

  4. #4
    Join Date
    Oct 2012
    Posts
    15
    You have to take the article tag in different mode.

  5. #5
    Join Date
    Oct 2006
    Location
    Ables Springs, Texas
    Posts
    139
    Let me rephrase the question. What purpose does using the article tag serve other than designating it's contents as standalone? Can you set up print.css to print only what's within the article tag? Can you set up rss to transmit only what's in the article tag. Can you designate that mobile devices only see what's in the article tag? What do you do with it once it's there?

  6. #6
    Join Date
    Aug 2006
    Posts
    1,922
    Quote Originally Posted by iBeZi View Post
    It acts exactly the same as a div element, you're supposed to use it to hold things like news articles.
    Quote Originally Posted by jwgrafflin View Post
    Let me rephrase the question. What purpose does using the article tag serve other than designating it's contents as standalone? Can you set up print.css to print only what's within the article tag? Can you set up rss to transmit only what's in the article tag. Can you designate that mobile devices only see what's in the article tag? What do you do with it once it's there?
    It's largely a tag created to help developers make their pages more semantic. Ie, <article> is more semantic than <div>

    As to your follow-up, I suspect you're reading more into <article> than is really there. Most of those things can be done in various ways though, but <article> doesn't change anything in particular as to how you'd do them.

    Dave

  7. #7
    Join Date
    Oct 2006
    Location
    Ables Springs, Texas
    Posts
    139
    So, the tag was created to make things look better to developers, instead of using <div id="article">?
    Last edited by jwgrafflin; 04-02-2013 at 07:36 PM.

  8. #8
    Join Date
    Aug 2006
    Posts
    1,922
    Sort of. Once a page is more semantic, you can imagine it would be easier to automate such tasks as "find all the articles in this page" or "raise the search engine priority of a site that has articles on health" or things like that. So there's value in semantic code that wouldn't necessarily be provided by <div id='article'>

    Dave

  9. #9
    Join Date
    Oct 2006
    Location
    Ables Springs, Texas
    Posts
    139
    Starting to make sense now. Thanks!

  10. #10
    Hey guys check this link below , here its explain very in detail.

    http://html5doctor.com/the-article-element/

  11. #11
    Join Date
    Apr 2013
    Posts
    135
    The HTML <article> tag is used to represent an article. More specifically, the content within the <article> tag is independent from the other content on the site (even though it could be related). By "independent" I mean that its contents could stand alone.
    Example:
    <!DOCTYPE html>
    <html>
    <body>

    <article>
    <h1>Internet Explorer 9</h1>
    <p>Windows Internet Explorer 9 (abbreviated as IE9) was released to
    the public on March 14, 2011 at 21:00 PDT.....</p>
    </article>

    </body>
    </html>
    Output:
    Windows Internet Explorer 9 (abbreviated as IE9) was released to the public on March 14, 2011 at 21:00 PDT.....

  12. #12
    Join Date
    Apr 2013
    Posts
    135
    The HTML <article> tag is used to represent an article. More specifically, the content within the <article> tag is independent from the other content on the site (even though it could be related). By "independent" I mean that its contents could stand alone.
    Example:
    <!DOCTYPE html>
    <html>
    <body>

    <article>
    <h1>Internet Explorer 9</h1>
    <p>Windows Internet Explorer 9 (abbreviated as IE9) was released to
    the public on March 14, 2011 at 21:00 PDT.....</p>
    </article>

    </body>
    </html>
    Output:
    Windows Internet Explorer 9 (abbreviated as IE9) was released to the public on March 14, 2011 at 21:00 PDT.....

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles