Free Web Development Online Tutorials, Learn to Code
Useful HTML5 tags and attributes, html5 tags with example, html5 body tags

html5 tags and attributes

html5 tags with example

Here is the list of few very useful HTML5 tags that you find new compare to earlier html tags, (this is based on the W3C HTML5 specification), and you can consider these tags are like advanced html tags.

HTML5 Elelments and Description
  • <audio>

    this element is used for seeting audio file in HTML, very easy to use

    Example of Audio Tags

  • <video>

    this element is used for seeting video file in HTML page, very easy to use

    Example of Video Tags

  • <meter>

    This element can be used for showing some report using this without even writing any programming code.

  • <mark>

    It specifies highlighted content on webpage, you don’t need to write any style or css class

    Here is the example mark tag to highlight anything important

  • <datalist>

    Now auto complete feature for text field can be achieved even without writing a single line of JavaScript code

    Example of Datalist Tags

  • <article>

    This element is more like a ready to use css-class for Article, now you don’t need to write a separate class, simply define <article>

    Example of Article Tags

  • <dialog>

    Defines a soft dialog box like a pop window without writing any JavaScript code

  • <canvas>

    Let user to draw graphics, on the fly, via scripting (usually JavaScript)

  • <cite> Using cite element

    Define the title of any work, This is very useful when writing long article with many title in it, you also can define CSS class on element matching with UI

  • <keygen>

    Control for generating a public-private key pair, this element generates an encryption key for passing encrypted data to a server when any form is submitted.

    <keygen name="key" form="form1" autofocus="autofocus">
    

HTML5 is very demmanding skill for Web Developer or Web Designer

HTML5 Tags Examples

Comment
Name
Email
Website
Subscribe