HTML 5 by Usmansing

7/25/2019 HTML 5 by Usmansing

1/17

By

Usman sing

HTML 5.0


2/17

Drawbacks of HTML 4Not supporting graphicsoor in !i"#o$au"io support

%#&uir#" #'t#rna( p(ugins to run )ash*

m#"ia contro(s.+#ry f#w input contro(s ar# a!ai(ab(#

N##" to us# #'t#rna( (anguag# (ik#,a!a-cript to !a(i"at# contro(s.

Do#s not support D an" /D animations.


3/17

HTML 5 #atur#s12in# storag#%#a( tim# communication

ow#rfu( w#b work#rs

3#b sock#tsDrag an" Drop #atur#s

Mu(tim#"ia

raphics

an!as


4/17


5/17

Di=#r#nc# b#tw##n HTML 4 >HTML5

HTML 4 HTML 5

;t is a o("#r !#rsion ;t is a n#w !#rsion

7u"io > +i"#o ar# not a part ofhtm(

7u"io > +i"#o ar# th# int#gra(part of htm(5

;n htm( 4.0 w# us# a tag ?@

Doctyp#A

3# us# a tag ?@Doctyp#

htm(A

3#b -ock#ts ar# not a!ai(ab(# 3#b -ock#ts ar# a!ai(ab(# > ita(so pro!i"# a fu(( "up(#'communication

HTML work with a(( o(" !#rsion But htm(5 work with a(( n#w

!#rsions such as op#ra *chrom#* safari.

?acronymA tag is support#" byhtm(

?acronymA tag is notsupport#" by htm( 5 inst#a" ofw# us# ?abbrA tag.

?app(#tA tag ar# support#" byhtm(

;t is not support#" in htm( 5inst#a" of this tag w# us# a


6/17

Disa"!antag#s of ram#sram#s#t not a Cs#arch #ngin# fri#n"(yram#s#t is not Cur( fri#n"(y

ram#s ar# not acc#ssib(#

Linking issu#sTh# us#rs back button oft#n "o#snEt work

ram#s cr#at# prob(#m with printing

-om# brows#r "o not support fram#s


7/17

HTML 4 -om# F(#m#nts%#mo!#"?acronymA?app(#tA

?bas# fontA

?bigA

?c#nt#rA

?"irA

?fontA

?fram#A

?fram#s#tA

?no fram#sA?strik#A

?ttA

?uA


8/17

HTML 5-#mantic #(#m#nts (ik#

ontro( attribut#s (ik#

Number , date ,time , calendar.

raphic #(#m#nts (ik# &

Mu(tim#"ia F(#m#nts

&


9/17

Migration HTML4 to HTML 5HTML 4 HTML 5

?"i! i" G Ch#a"#rA ?h#a"#rA

?"i! i" G Cm#nuA ?na!A

?"i! i" G Ccont#ntA ?s#ctionA

?"i! i" G CpostA ?artic(#A?"i! i" G Cfoot#rA ?foot#rA


10/17

ont#nts hang#" in HTML5;n htm( 4?@D1TF HTML UBL; IJ$$3/$$DTD HTML

4.0< Transitiona($$FNIIhttpK$$www.w/.org$T%$htm(4$(oos#."t"IA

;n htm( 53# us# ?@D1TF htm(A

;n htm( 4

?m#ta httpJ#&ui!GIont#ntJTyp#I

cont#ntGIt#'t$htm(chars#tGutfJIA;n htm( 5

?m#ta chars#t G CutfJA


11/17

ont#nts hang#" in HTML 5;n htm( 4?script typ# GCt#'t$a!ascriptA

;n htm( 5

No n##" to writ# t#'t$a!ascript . -imp(y

?scriptA ?$scriptA

;n htm( 4

?htm( 'm(nsGIhttpK$$www.w/.org$


12/17

HTML 5 %#p(ac#" F(#m#nts?abbrA?ob#ctA

?ifram#A

?"#(A?pr#A


13/17

HTML 5 N#w F(#m#nts?artic(#A D#On#s cont#nt asi"# from th# pag# cont#nt?asi"#A D#On#s cont#nt asi"# from th# pag# cont#nt

?b"iA D#On#s a part of t#'t that might b# formatt#" in a "i=#r#nt"ir#ction

?b"oA

?"#tai(sA D#On#s a""itiona( "#tai(s that th# us#r can !i#w or hi"#?summaryA D#On#s a !isib(# h#a"ing for a ?"#tai(sA #(#m#nt

?Ogur#A D#On#s s#(fJcontain#" cont#nt* (ik# i((ustrations* "iagrams*photos

?OgcaptionA D#On#s a caption for a ?Ogur#A #(#m#nt.

?foot#rA D#On#s a foot#r for th# "ocum#nt or a s#ction

?h#a"#rA D#On#s a h#a"#r for th# "ocum#nt or a s#ction?na!A D#On#s na!igation (inks in th# "ocum#nt

?s#ctionA D#On#s a s#ction in th# "ocum#nt

?wbrA D#On#s a possib(# (in#Jbr#ak


14/17

HTML 5 ;NL;NF F(#m#nts?m#t#rA D#On#s a sca(ar m#asur#m#nt

within a known rang# 8a gaug#9

?markA D#On#s mark#" or high(ight#"t#'t

?progr#ssA D#On#s th# progr#ss of a task

?tim#A D#On#s a "at#$tim#


15/17

N#w ;nput Typ#s in HTML 5Fmai(Month

Numb#r

Dat#

Dat#tim#

Dat#tim#J(oca(o(or

-#arch

%ang#

T#(

Tim#ur(

3##k

Data(ist


16/17

%7T;LF- 1N HTML 5How to achi#!# th# r#mo!#" #(#m#nts in

htm( 4 6

Migration htm( 4 to htm( 5.

ractica( on s#mantic #(#m#nts in htm( 5.

ractica( on in(in# #(#m#nts in htm( 5.

ractica( on input typ#s in htm( 5.


17/17

TH7NP 1U

BU-M7N -;N

Documents

HTML 5 by Usmansing