1.

Explain the practical usage of <aside> Tag of Html

Answer»

<aside>:  Piece of content that is tangentially RELATED to the content that surrounds it but isn’t essential for understanding that content. <aside> content should be added to the main content; that is, any related content. While print design can provide inspiration, don’t stop at pull quotes.

For example, a footnote provides extra but unessential information, and a pull quote (while essential content) is a quoted COPY of the text from the main content. However, keep in mind the <aside> must be related. Having your site’s sidebar in an <aside> as a child of <body> is fine, but site-wide information shouldn’t appear in an <aside> that is the child of an <article>, for example. ALSO, <aside> would be appropriate for advertising, as long as it was related to the parent sectioning element. Here is an example <aside> providing extra information in the margin of an article.  

Example

<!DOCTYPE html> <html>     <head>           <meta charset ="UTF-8">           <title>IMAGES</title>       <style type="text/css">        h1 { font-size:160%; font-weight:bold; }        aside, section, article { display:block;  }        section { width:400px; margin:auto; }        article { width:405px; text-align:left;  }        aside { width:200px; padding:5px; margin:5px 5px 5px 5px; float: right; border:1px black solid; }     </style>     </head>     <body>           <article>          <h1>Which OS are you using?</h1>          <section>              <B>The answer is all of them.</b> If you survey a group of people you will                      get very different answers…IWindows 10.                   <aside>Majority of the people use Windows 10. </aside> macOS, Linux and mobile operating systems are available          </section>           </article>     <body> </html>

Output


Discussion

No Comment Found

Related InterviewSolutions