View
228
Download
0
Category
Preview:
Citation preview
7/25/2019 HTML 5 by Usmansing
1/17
By
Usman sing
HTML 5.0
7/25/2019 HTML 5 by Usmansing
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.
7/25/2019 HTML 5 by Usmansing
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
7/25/2019 HTML 5 by Usmansing
4/17
7/25/2019 HTML 5 by Usmansing
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
7/25/2019 HTML 5 by Usmansing
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/25/2019 HTML 5 by Usmansing
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
7/25/2019 HTML 5 by Usmansing
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
&
7/25/2019 HTML 5 by Usmansing
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
7/25/2019 HTML 5 by Usmansing
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
7/25/2019 HTML 5 by Usmansing
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$
7/25/2019 HTML 5 by Usmansing
12/17
HTML 5 %#p(ac#" F(#m#nts?abbrA?ob#ctA
?ifram#A
?"#(A?pr#A
7/25/2019 HTML 5 by Usmansing
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
7/25/2019 HTML 5 by Usmansing
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#
7/25/2019 HTML 5 by Usmansing
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
7/25/2019 HTML 5 by Usmansing
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.
7/25/2019 HTML 5 by Usmansing
17/17
TH7NP 1U
BU-M7N -;N
Recommended