html4 vs html5 comparison

8/9/2019 HTML4 vs HTML5 Comparison

1/10

HTML4 Vs HTML5 Comparison

Contributed by shabbir() On 14th June, 2014

General Differences between HTML4 and HTML5 as well as difference in tags in HTML4 and

HTML5 along with improvements in attributes in HTML5 and last but not the least the new

HTML5 tags.

Rated 4.50 By 2 users

HTM4 has been a standard !eb de"e#o$%ent &or %ore than 10 years. HTM4 is a$$ro"ed and

rati&ied as a standard #an'ua'e &or bro!sers by the or#d ide eb Consortiu% (C), an

or'ani*ation !hi+h s$e+i&ies and a$$ro"es standards &or !eb te+hno#o'ies.

Ho!e"er, !ith the ad"ent o& s%art$hones era, thin's ha"e tota##y +han'ed and that +han'e has

e&&e+ted or rather re"o#utioni*ed the !ay !ebsites are de"e#o$ed. -o! a$art &ro% tar'etin'

desto$ /Cs and #a$to$s, !ebde"e#o$ers ha"e to ee$ in %ind that their !ebsite !ou#d be

a++essed by %obi#euser and !ith the 'ro!in' nu%ber o& %obi#e users, this +on+ern is 'ro!in'

$ro$ortiona##y.

Thou'h, HTM4 is sti## a C standard &or bro!ser a$$#i+ations, it doesnt &u##y +ater to the

+han'in' trends o& the +o%$utin' industry. There&ore, HTM5 has been de"e#o$ed !ith intent to

+o$u$ !ith these ne! +ha##en'es in !eb industry. HTM5 is %ore eib#e, robust and

ad"an+ed as +o%$are to its o#der +ounter$art.

This arti+#e $resents an o"er"ie! o& the +o%$arison bet!een HTM5 and HTM4. 3n the &irst

se+tion, so%e o& the %aor di&&eren+es bet!een the HTM4 and HTM5 ha"e been $resented

and then ne! ta's that ha"e been added to HTM5 ha"e been e$#ained in detai# !ith the he#$

o& ea%$#es.

General Differences between HTML5 and HTML4

o##o!in' are so%e o& the %aor +hara+teristi+s that distin'uish HTM5 &ro% HTM4.

! "implified and Clear "#nta$

The synta in HTM5 is etre%e#y +#ear and si%$#e as +o%$ared to HTM4. One ea%$#e o&

this is the 6OCT7/8 e#e%ent. 3n HTM4 the 6OCT7/8 de+#aration !as too %essy and #en'thy

and used to re&er an eterna# sour+e. Ho!e"er in HTM5 6OCT7/8 e#e%ent has been %ade
http://www.go4expert.com/member.php?s=c18eee368851bf1a4584b3f0d452a981&u=1http://www.go4expert.com/member.php?s=c18eee368851bf1a4584b3f0d452a981&u=1


2/10

etre%e#y si%$#e. or instan+e a %ere 9:6OCT7/8 ht%#; is enou'h to s$e+i&y the do+u%ent

ty$e.

% Multimedia &lements

HTM5 +ontains bui#t in su$$ort &or inte'rated %u#ti%edia &i#es into !eb $a'e "ia "ideo and

audio ta's. /re"ious#y, in HTM4, the %u#ti%edia +ontent !as inte'rated in !eb $a'es "ia third

$arty $#u'ins su+h as


3/10

Tag Differences in HTML4 and HTML5


4/10

o##o!in' are so%e o& the attributes that ha"e been %odi&ied in HTM5.

3n HTM4 and $re"ious HTM "ersions, s+ri$t attribute !as used to in #in ta' to re&er to

Ja"a'pdate yo(r bro$ser


5/10

var tempan"do(ment)&etElement*y+d,-myanvas-.

var tempan0"tempan)&etContext,#0d#.

tempan0)1ll2tyle"-%%%%11-

tempan0)1llet,05605678%67%%.


6/10

8a%$#e2@

HTM Code@

Go4Expert 9deo Example

Go4Expert 9deo Example


7/10

%b .audio/ Tag3

HTM5 de&ines a ne! e#e%ent !hi+h s$e+i&ies a standard !ay to e%bed an audio &i#e on a !eb

$a'e. The &i#e &or%ats su$$orted &or the 9audio; e#e%ent are@

M$

a"

O''

The &o##o!in' ea%$#e de%onstrates the usa'e o& 9audio; e#e%ent in HTM5.

8a%$#e

HTM Code@

Go4Expert (do Example

Go4Expert (do Example

Yo(r bro$ser does not s(pport the a(do element)


8/10

The 9arti+#e; e#e%ent sho!s the $ortion o& a !eb $a'e that +ontains a +o%$#ete and

inde$endent %ateria#.

?n arti+#e &ro% %a'a*ine or ne!s$a$er

? b#o' entry

?ny +o%%ent by user

Or so%e other +ontent ite%.

8a%$#e4 de%onstrates the usa'e o& 9arti+#e; e#e%ent in HTM5.

8a%$#e4

HTM Code@

Go4Expert rtle Example

Go4Expert rtle Example

Go 4 Expert

Go4Expert s the best ste to learn pro&rammn& and other omp(ter

related s=lls)

The out$ut o& the +ode in 8a%$#e4 is as &o##o!s@


9/10

e#e%ent. 8a%$#e de%onstrates the usa'e o& 9%ain; ta'. The &i&th ea%$#e o& this tutoria#

de%onstrates the usa'e o& the 9%ain; ta'.

8a%$#e5@

HTM Code@

orldC(p ?ootball 0%74

?ootball orldC(p

?ootball s the most pop(lar &ame n the $orld 1ootball $orld s held

a1ter 1o(r years)

De1endn& Champon

2pan s de1endn& hampon) 2pan $on the last $orld(p $hh $as held

n 2o(th 1ra)

@ost Tme Cahmpon

*raAl has $on the ttle 1ve tmes) @ost by any naton)

C(rrent orldC(p

C(rrent $orld(p s ben& held n *raAl)

3n the abo"e ea%$#e the 9%ain; ta' de&ines the %ain +ontent o& the $a'e. 8"ery other +ontent

is inside the 9%ain; ta'. 3t %ay be an arti+#e or so%e headin' or anythin' e#se. The out$ut o&

the +ode in 8a%$#e5 is as &o##o!s@


10/10

1. Chro%e K.0

2. ire&o 4.0

.

html4 vs html5 comparison

Documents