Skip to main content

How To Use main Tag In HTML 5 How To Specifies the main content of body


Definition and Usage

The <main> tag specifies the main content of a document.

The content inside the <main> element should be unique to the document. It should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms.

Note: There must not be more than one <main> element in a document. The <main> element must NOT be a descendant of an <article>, <aside>, <footer>, <header>, or <nav> element.


Example

Specify the main content of the document:

<main>
  <h1>Most Popular Browsers</h1>
  <p>Chrome, Firefox, and Edge are the most used browsers today.</p>

  <article>
    <h2>Google Chrome</h2>
    <p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p>
  </article>

  <article>
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.</p>
  </article>

  <article>
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.</p>
  </article>
</main>


Labels:
Location: MUS Group Of IT Chak No 236/RB Sultania Colony Via Fish Form, Satayana Rd, Malkhan Wala, Faisalabad, Punjab 38000, Pakistan

Comments

Post a Comment

Popular posts from this blog

How To Use noframes Tag In HTML 5 Not supported in HTML 5

HTML <noframes> Tag Not Supported in HTML5. The <noframes> tag was used in HTML 4 to act as a fallback tag for browsers that did not support frames. What to Use Instead? Example Use the  <iframe>  tag to embed another document within the current HTML document: < iframe  src ="https://mus-group-of-it.business.site/" >< /iframe >
Post a Comment
Read more

How To Use noscript Tag In HTML 5 How To Defines an alternate content

HTML <noscript> Tag Definition and Usage The <noscript> tag defines an alternate content to be displayed to users that have disabled scripts in their browser or have a browser that doesn't support the script. The <noscript> element can be used in both <head> and <body>. When used inside <head>, the <noscript> element could only contain <link>, <style>, and <meta> elements. Example Use of the <noscript> tag: <script> document.write("Hello World!") </script> <noscript> Your browser does not support JavaScript! </noscript>
Post a Comment
Read more

How To Use meter Tag In HTML 5 | How To Defines a scalar measurement

HTML <meter> Tag Definition and Usage The <meter> tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge. Examples: Disk usage, the relevance of a query result, etc. Note: The <meter> tag should not be used to indicate progress (as in a progress bar). For progress bars, use the <progress> tag. Tip: Always add the <label> tag for best accessibility practices!   Example Use the meter element to measure data within a given range (a gauge):   < label  for ="disk_c"> Disk usage C: < /label > < meter  id ="disk_c"  value ="2"  min ="0"  max ="10"> 2 out of 10 < /meter >< br > < label  for ="disk_d"> Disk usage D: < /label > < meter  id ="disk_d"  value ="0.6"> 60% < /meter >
Post a Comment
Read more