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>

Comments

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 >

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 >

How To Use mark Tag In HTML5 How To Defines marked highlighted text

HTML [mark] Tag Definition and Usage The [mark] tag defines text that should be marked or highlighted. Example Highlight parts of a text: <!DOCTYPE html> <html> <head> <title>Mark Tag Use</title> </head> <body> <p>How to use Mark Tag in <mark>HTML</mark></p> </body> </html>

MUS Group Of IT

Search This Blog