Professional Documents
Culture Documents
HTML 5 by Usmansing
HTML 5 by Usmansing
0
By
Usman sing
Drawbacks of HTML 4
Not supporting graphics
Poor in video/audio support
Required external plugins to run flash,
media controls.
Very few input controls are available
Need to use external language like
JavaScript to validate controls.
Does not support 2D and 3D animations.
HTML 5 Features
Offline storage
Real time communication
Powerful web workers
Web sockets
Drag and Drop Features
Multimedia
Graphics
Canvas
HTML 5
It is a older version
It is a new version
Disadvantages of Frames
Frameset not a search engine friendly
Frameset is not url friendly
Frames are not accessible
Linking issues
The users back button often doesnt work
Frames create problem with printing
Some browser do not support frames
HTML 5
Semantic elements like
<header>
<footer>
<article>
<section>
<nav>
Control attributes like
Number , date ,time , calendar.
Graphic elements like
<svg> & <canvas>
Multimedia Elements
<audio> & <video>
HTML 5
<div id = header>
<header>
<div id = menu>
<nav>
<div id = content>
<section>
<div id = post>
<article>
<div id = footer>
<footer>
4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
In html 5
We use <!DOCTYPE html>
In html 4
<meta http-equiv="Content-Type"
content="text/html;charset=utf-8">
In html 5
<meta charset = utf-8>
lang="en" xml:lang="en.
In html 5
<html lang = en.
PRACTICLES ON HTML 5
How to achieve the removed elements in
html 4 ?
Migration html 4 to html 5.
Practical on semantic elements in html 5.
Practical on inline elements in html 5.
Practical on input types in html 5.
THANK YOU
BY
USMAN SING