HTML5

ZenRays 03:24 Add Comment Edit

HTML is the standard mark-up language which is used to create web pages. Its abbreviation is Hyper Text Mark-up Language. It uses markup to describe the structure of web page. The building blocks of html is html elements which are represented by tags. Tags are the predefined syntax enclosed within < >. Browser will use the html tags to render the content of the page and do not display the tags.

Below is a simple html5 document

<!DOCTYPE html>  
<html>  
<head>  
<title>Title of the page</title>  
</head>  
<body>  
<h1>Heading</h1>  
<p>Paragraph</p>
</body>  
</html>

<!DOCTYPE html> defines that its html of version 5(latest version) and also it helps the browser to display the web pages correctly. There are new elements added to html5.

<article> - for defining article in the document.

<aside> - for defining the content aside the page.

<figure> - for defining photos, diagrams

<figcaption> - for defining a caption for <figure>

<footer> - for defining footer for the document.

<header> - for defining header for the document.

<main> - for defining main content for the document.

<nav> - for defining navigation link in the document.

<section> - for defining section in the document.

There are new input types in HTML5. They are listed below:

color
date
datetime
datetime-local
email
month
number
range
search
tel
time
url
week

There are new graphics elements. They are:

<canvas> - to draw graphics
<svg> - to draw scalable vector graphics

There are new media elements in HTML5. They are:

<audio> - for defining sound content.
<embed> - for defining containers for external applications.
<source> - for defining source for <video> and <audio>.
<track> - for defining tracks for <video> and <audio>.
<video> - for defining video or movie content.

Difference between HTML5 and HTML4

Syntax

Syntax of HTML5 is simple and clear. In HTML4, DOCTYPE declaration was too lengthy and was messed up

Multimedia Elements

HTML5 contains multimedia files via video and audio tag.In HTML4, the multimedia content was via third party plugins

Tag Difference

Several tags in HTML4 have been removed from HTML5 or their functionality has been modified.

Attributes

In HTML4 and previous HTML versions, script attribute was used to in link tag to refer to JavaScript or other similar scripts. In HTML5 It is not necessary to use that script attribute.
In HTML5, the <table> tag can only have one attribute Border and the value of this attribute can only be zero or one. Previously, the <table> tag had many attributes.
In the previous versions of HTML, the <meta> tag didn’t had the charset attribute that defines the standard character encoding for the webpage. This attribute has been added in HTML5.

Geographical location

HTML5’s JS GeoLocation can be leveraged

ZenRays provide the following to make you expert

Fully practical and project based sessions from first class.
Training by Experienced Consultants, not regular Trainers
Friendly and enthusiastic faculty to clear your doubts 24X7
Free Live project after the training to get you industry experience

If you want more details please visit us:

Zenrays.com Reach us at trainings@zenrays.com

ABOUT THE AUTHOR

Hello We are OddThemes, Our name came from the fact that we are UNIQUE. We specialize in designing premium looking fully customizable highly responsive blogger templates. We at OddThemes do carry a philosophy that: Nothing Is Impossible