section and article

0 comments

Section and article


As from the Content model's sectioning content you may learn that sectioning content create a new section.Section and article tag is among them.Now in a document in which order section and article tag will put.Before this discussion i want to give a real world example.

In a Newspaper,There are many section like games and sports,Editorial,Economy,International news and many more.Games and sports is a section section.All of the games related news (article ) are within this section.There may many news(articles) within this section like cricket News,Football News,Batminton,Hockey and each of the news(articles) have its own heading and content.On the Other hand,in the main games and sports section there may be more sub-section which would be cricket and in cricket sub-section there may have several article about cricket from different country.Same thing is true about other.

In the above example we realize that in a section there have many article related this section.Even there have some  sub-section within the main and its have articles.

Like computer's hard drive,it have many  folder and its content and sub-folder.folder is section and content within it is like article.Each folder have many content and sub-folder.But the are within one Main Folder.

Now we can say in a section tag there may have many article and sub-section depending on the document structure.

Real Life Example,


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>

<section>
<h1>Games and Sports</h1>

<article>
        <h3>Leonal Messi become Best footballer of the Year</h3>
        <p>Description----------------------------------------</p>
      </article>
      <section>
        <h3>Cricket</h3>        
            <article>
                    <h2>Australia defeted by Afagnistan</h2>
                    <p>What a  surprise given by Afgan Cricker......</p>
            </article>
            
            <article>
            <h2>India Vs Pakistan Match Draw</h2>
            <p>After a stunning Start by Shewhag and Ghambir india ....</p>
        </article>
        
     </section>
 </section>

<section>
<h3>International News</h3>
</section>

</body>
</html>


Create Outline Now

Demonstration:

Here is two main section one is Games and Sports and another is International News.The first one have 
one article and one sub-section and in that sub-section there have two more article.But the International section have no article.You may put articles header and footer and use hgroup which is already describe in previous tutorial.

May i use Section and article in aside or footer ?

Yes you may,because there have no limitation where you can use section and article tag.If these needed in footer  area of the document you have right to use there but remember the above rules and structure.

 

Copyright 2010 All Rights Reserved E-tech institute of IT.