HTML 5 new elements and features

html5 tags list with examples
html5 tags list with examples
html5 tags list with examples

As we know that HTML stand for Hyeper Text Marqup Language its use to create webpages and and applications. Time to time HTML use to update its tags and elements and its called news version of HTML .

Now curently HTML version is HTML-5 here in html 5 introduced new tags and elements.

Here you can find out the new tags and complete list of the new elements in HTML5.

HTML 5 Semantic Elements

Elements Description
<article> Defines an independent, self-contained content.
<aside> Aside Defines a section in which we add additional information related to the content.
<bdi> Isolates bidirectional text (when a language with right-to-left directionality, such as Arabic or Hebrew, is used in line with left-to-right languages).
<details> html 5 details Contains additional details, that the user can open and view.
<dialog> html 5 dialog Specifies a dialog box or window.
<figcaption> html 5 figcaption Adds a caption or explanation to the contents of the <figure> tag.
<figure> html 5 figure Specifies a self-contained content.
<footer> html 5 footer Defines the footer of a web page or a section.
<header> html 5 header Defines a header of a page or a section.
<main> html 5 main Specifies a document’s main content.
<mark> html 5 Marks a part of the text which has relevance.
<meter> html 5 meter Defines a scalar measurement in the known range or graphic representation of a fractional number.
<nav> html 5 nav Defines a block of navigation links, either within the current document or to other documents.
<progress> html 5 progress Displays the progress of the task (progress bar).
<rp> html 5 rp Defines an alternative text, displayed in the browsers, that do not support the <ruby> tag.
<rt> html 5 rt Adds annotations at the top and bottom of the text, inserted in the <ruby> tag.
<ruby> html 5 ruby Defines furigana (also called yomigana or ruby), phonetic tips in Japanese and East Asian languages.
<section> html 5 section Creates standalone sections within a webpage containing logically connected content.
<summary> html 5 summary Defines the visible header for the <details> element.
<time> html 5 time Defines a human-readable time on a 24-hour clock or a precise date in the Gregorian calendar.
<wbr> html 5 wbr Instructs the browser, where in the text a line-break could be added.

HTML5 Graphics Elements

Here in HTML 5 updates two graphics elements in HTML-5 <canvas> nad <svg>

Elements Description
<canvas> HTML 5 canvas Defines an area on the web page, where we can create different objects, images, animations, photo compositions via scripts.
<svg> Draws scalable vector graphics.

HTML 5 Media Elements

Here in HTML 5 introduced media elements like <audio>, <video>,<embed> and many more elements.

Elements Description
<audio> Indicates the variations of the same audio file.
<embed> Is used as a container for external applications, multimedia and interactive content that the browser doesn’t understand.
<source> Defines multiple media resources in different format: video, audio or image.
<track> Specifies text tracks for media elements.
<video> Embeds video on an HTML document.

1
Leave a Reply

avatar
1 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
1 Comment authors
Sandeep Chauhan Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
Sandeep Chauhan
Guest

Very nice and intresting article, i like it so much thanks for the article, What a beautifull city, very beautifull place, good food,healthy desert, i love the city.
Kansas City Airport Car Services