Skip to main content

PRACTICAL 2_1

PRACTICAL 1

Repeat Practical 2 of Part 1 using HTML 5. Observe and write the differences between HTML 4 and HTML 5.


THEORY
There are  some basics tags and attributes of html 5 tag in this web page.
HTML5 offers new semantics elements to define different part of webpage.

IMPORTANT TAGS AND ATTRIBUTES:



  • <article>:The <article> tag specifies independent, self-contained content.
  • <details>:The <details> tag specifies additional details that the user can view or hide on demand.
  • <summary>:The <summary> tag defines a visible heading for the <details> element.
  • <figcaption>:The <figcaption> tag defines a caption for a <figure> element.
  • <nav>:The <nav> tag defines a set of navigation links.
SCREEENSHOT WEBPAGE:






Difference between HTML 4 AND HTML 5.


1. Simplified and Clear Syntax
The syntax in HTML5 is extremely clear and simple as compared to HTML4. One example of this is the DOCTYPE element. In HTML4 the DOCTYPE declaration was too messy and lengthy and used to refer to an external source. However, in HTML5 DOCTYPE element has been made extremely simple. For instance a mere <!DOCTYPE html> is enough to specify the document type.
2. Multimedia Elements
HTML5 contains built-in support for integrated multimedia files into web page via video and audio tags. Previously, in HTML4, the multimedia content was integrated in web pages via third-party plugins such as Silverlight and flash.
3. Accessing User Geographical location
Previously in HTML4, it was an extremely cumbersome task to get the geographical locations of the visitors visiting the site. It was even difficult when the website was accessed through mobile devices. On the other hand, in HTML5 is extremely easy to get the user location. HTML5’s JS GeoLocation can be leveraged to identify the location of the user accessing the website.
4. Client Side storage
In HTML4, in order to store important data on client side, browser’s cache was used. However, that cache is limited and doesn’t support relational storage mechanism. In HTML5, this issue has been addressed via Web SQL database and application cache that can be access via HTML5’s JavaScript interface.

NAME:AYUSH SINGLA
ID:18CE122




Comments