New Feature In HTML 5 With Examples?

Post image

HTML 5 Come With Many New Features. Use The HTML 5 New Feature You Build Great Experience Website For User, Increase Monthly users, and Increase the Web Speed.

HTML 5 Enables More Interactive Websites by Embedding Audio, Video, And Graphics on the Web Page.

HTML 5 Elements Help Search Engine Crawler To Understand Web layout and Index Your Site Properly.

The Purpose of HTML 5 is Primarily to Make Web Development very Easier.

New Feature Elements:

  • header
  • nav
  • main
  • article
  • aside
  • section
  • footer
  • canvas
  • figure
  • Progress

The header element defines the Website Header Structure in this Element. You Define Nav Elements, Brand Logo, and Search Bar in Header Element.

Syntax:

<header> </header>

<header>
  <img src="BrandLogo.png">
  <nav>
      <a href="login.html">Home</a>
      <a href="about.html">About</a>
      <a href="contact.html">Contact Us</a>
  </nav>
</header>

Nav Elements Use To Add Navigation On Website. Help Navigation You Easily Go To One Page To other Page.

Syntax:

<nav> </nav>
<nav>
      <a href="login.html">Home</a>
      <a href="about.html">About</a>
      <a href="contact.html">Contact Us</a>
</nav>

Main:

The main tag contains the main content of the page. You Do Not Add More than one main tag on web pages.

Syntax:

<main> </main>

<main> 
    <article> 
        <section class="card">
            <h2> Post Heading 1</h2>
            <p> paragraph </p>
        </section>
        <section class="card">
            <h2> Post  Heading 2</h2>
            <p> paragraph </p>
        </section>
    </article>
</main>

Article:

Inside Article, We Define Article Structure Card, heading, and Paragraph. Article Tag Also Help To Index Our Article In Google Search.

Syntax:

<article> </article>

<article> 
        <section class="card">
            <h2> Post Heading 1</h2>
            <p> paragraph </p>
        </section>
        
        <section class="card">
            <h2> Post  Heading 2</h2>
            <p> paragraph </p>
        </section>
</article>

Aside:

The <aside> Tag Define a Sidebar On Web page. The

You May Also Like

comments powered by Disqus