Category: 4. HTML5 Advance

  • HTML Canvas Tag

    The HTML canvas element provides HTML a bitmapped surface to work with. It is used to draw graphics on the web page. The HTML 5 <canvas> tag is used to draw graphics using scripting language like JavaScript. The <canvas> element is only a container for graphics, you must need a scripting language to draw the graphics. The <canvas> element…

  • HTML SVG

    The HTML SVG is an acronym which stands for Scalable Vector Graphics. HTML SVG is a modularized language which is used to describe graphics in XML. It describe two-dimensional vector and mixed vector/raster graphics in XML. It is a W3C recommendation. SVG images and their behaviors are defined in XML text files. So as XML files, you…

  • HTML Video Tag

    HTML 5 supports <video> tag also. The HTML video tag is used for streaming video files such as a movie clip, song clip on the web page. Currently, there are three video formats supported for HTML video tag: Let’s see the table that defines which web browser supports video file format. Browser mp4 webM ogg…

  • HTML Audio Tag

    HTML audio tag is used to define sounds such as music and other audio clips. Currently there are three supported file format for HTML 5 audio tag. HTML5 supports <video> and <audio> controls. The Flash, Silverlight and similar technologies are used to play the multimedia items. This table defines that which web browser supports which audio…

  • HTML5 Migration

    HTML5 migration specifies that how to migrate from HTML4 to HTML5. Let?s see how to convert HTML4 page into HTML5 page without any problem in content or structure. Table: In HTML4 In HTML5 <div id=”header”> <header> <div id=”menu”> <nav> <div id=”content”> <section> <div class=”article”> <article> <div id=”footer”> <footer> Let’s see a typical HTML4 page. Example:…

  • HTML5 Semantics

    In any language, it is essential to understand the meaning of words during communication. And if this is a computer communication then it becomes more critical. So HTML5 provides more semantic elements which make easy understanding of the code. Hence Semantics defines the meaning of words and phrases, i.e. Semantic elements= elements with a meaning.…

  • HTML Google Maps

    HTML Google Map is used to display maps on your webpage. You can simply add a map on your basic HTML page. Syntax: Set the Map Size You can set the map size by using the following syntax: How to create a function to set the map properties? You can set the map properties by…

  • HTML Event Attributes

    When a browser reacts on user action, then it is called as an event. For example, when you click on the submit button, then if the browser displays an information box. In HTML5 there are lots of event attributes available which can be activated using a programming language such as JavaScript. Following is a table…

  • HTML5 New Elements

    In HTML5, there are lots of new elements are added which provides some extra functionality to create an attractive and dynamic website. With the help of these elements, you can make your code easy and quick. HTML5 New Tags Following is the complete list of the newly added element with their descriptions. Tag Description Structural…

  • HTML 5 Tags

    There is a list of newly included tags in HTML 5. These HTML 5 tags (elements) provide a better document structure. This list shows all HTML 5 tags in alphabetical order with description. List of HTML 5 Tags Tag Description <article> This element is used to define an independent piece of content in a document,…