HTML5 - SPLessons

HTML5 Helper

Chapter 13

SPLessons 5 Steps, 3 Clicks
5 Steps - 3 Clicks

HTML5 Helper

HTML5 Helper

shape Introduction

Present chapter demonstrates about the HTML5 Helper Plugins. Plugins are used to extend the features of the HTML5 of a web browsers. Following are the concepts covered.

  • HTML5 Plugins
  • Object element
  • Embed element

HTML5 Plugins

shape Description

HTML5 Helper is a plug-in. Helpers is defined by some codes which extend the functionality of the web browsers. In order to add the plug-ins to the web browser use some tags as follows.

<object> … </object>

<element> … </element>

Java applets are the best examples for the plug-ins, which are used to display maps, scan for viruses, etc.

Object Element

shape Description

HTML5 Objects are various types which are supported by all the browsers. Objects are used as plugins in a web pages like Java applets, PDF readers, Flash Players etc.

shape Examples

The code below demonstrate the inserting objects into the web pages.

<!DOCTYPE html>
<html>
  <body>

    <object data="splessons.jpg" height="150" width="150">
    </object>
 
  </body>
</html>

Output of the above code is as shown in below image.

Embed element

shape Description

In order to extend the functionalities of the web browser, add the plugins to the web browsers. The embed element will extend some features of the browser which supported by all the web browser. The embed element is used long time in HTML document.Those embed elements are part of the HTML and are validated in HTML5 document but not in the HTML4 document.

The code below demonstrates how to embed the Youtube Video file in order to add some features.

<!DOCTYPE html> 
<html> 
  <head> 
    <title>HTML Video Tag Example</title> 
  </head> 
    <body> 
      <object width="425" height="350"> 
        <param name="movie" value="https://www.youtube.com/v/TZ1pCAtaCl4&feature=youtu.be" /> 
        <embed src="https://www.youtube.com/v/TZ1pCAtaCl4&feature=youtu.be" type="application/x-shockwave-flash" width="425" height="350" /> 
      </object> 
    </body> 
</html>

Result
The above code run in any preferred browser and shows the output video file as below.

Summary

shape Points

  • HTML5 Helper plugins have no need of using script files or CSS files.
  • Plug-ins are the Java applets.
  • Helpers are the Computer programs.