HTML5 Removed Tags

HTML5 Removed Tags or Elements

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>

HTML5 Removed Attributes

Removed Attributes in HTML5

align
valign
bgcolor
background
color
border
text
type ( From Unordered List,)


HTML5 New Tags or Elements

Tag Name Description Example
<article> Defines an article, or Independent Content. Must have an Heading Tag( h2-h6).
<section> Defines a section in a document. Must have an Heading Tag( h2-h6)
<aside> Defines content aside from the page content
<details> Defines additional details that the user can view or hide
Click to see detailsHello

<details>
    <summary>Click To See</summary>
    <p>Hello</p>
</details>                
                
<summary> Defines a visible part for a <details> element

<details>
    <summary>Click To See</summary>
    <p>Hello</p>
</details>                
                
<time> Defines a date/time <time datetime="2016-04-15T10:00">15 Apr</time> Published on 15-Apr.
<bdi> Isolates a part of text that might be formatted in a different direction from other text outside it
<command> Defines a command button that a user can invoke
<figure> Specifies self-contained content, like images, illustrations, diagrams, code listings, etc

<figure>
    <img src="img/banner.jpg" alt="banner">
    <figcaption>Caption for above image</figcaption>
</figure>            
            
<figcaption> Defines a caption for a <figure> element
<picture> Picture Element is used to show High or Low resolution image for Desktop and Mobile Websites <picture>
<source srcset="logo-sm.png" media="(max-width: 640px)">
<img src="logo.png" alt="Tech Altum Logo">
</picture>
<footer> Defines a footer for a document or section
<header> Defines a header for a document or section
<mark> Defines marked or highlighted text
<p>This text is <mark>marked<>/mark</p>
This text is marked
<meter> Defines a scalar measurement within a known range (a gauge)
<nav> Defines navigation links.

<nav>
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
    </ul>
</nav>            
            
<progress> Represents the progress of a task
<canvas> Canvas is used to create Graphs, Games and Animated contents using javascript.
HTML5 Canvas
<canvas id="mycanvas">
        
</canvas>
<SVG> SVG Scalable Vector Graphics can create shapes, Graphs, And other Vector Based drawings.
HTML5 SVG
<svg>
        <line x1="0" y1="0" x2="100" y2="50" stroke="red"></line>
</svg>
<ruby> Defines a ruby annotation (for East Asian typography)
<rt> Defines an explanation/pronunciation of characters (for East Asian typography)
<rp> Defines what to show in browsers that do not support ruby annotations
<wbr> Defines a possible line-break. A ad praesentibus,<wbr> ut cillum esse varias officia. Iudicem aut lorem eu ingeniis<wbr> philosophari te excepteur ubi in summis nostrud sempiternum, aute an singulis ne velit.