wi3schools.com THE WORLO'S LARGEST Wes DEVELOPER SITE HTML Tutorial HT Base MT eco ar arrons MT ye ‘MP Forman Tt Compucade HTML Taiee a tayo MT pone HTL olin rt aang Mr Sys HTML Forms MT Type ra pu atoes HTMLS TMs Spent HTML Migration rts Seo HTML Graphics HTML Media Tt We, ht age HTML APIs nut oop rt tol rane mut Arp Cache HTML Examples rt apter HTML References HTM Adaeo Mr Doeypes| mL Lan Cases LMITP Mecsas oyboa Stones Pere rere ory RESTATE HTMLS5 Migration « Previous Next Chapter » Migration from HTML4 to HTMLS “This chapter is entirely about how to migrate from a typical HTMLA poge to atypical HTML poe, ‘This chapter demonstrates how to convertan HTM page ito an HTMLS page, without destoying anything othe conga content or stctre. @ vovcan mato om HL or HT, sg the same rece ‘Typical HTMLA ‘Typical HTMLS: “tv ideheader”> -shonder= te id=*men> nav div id="conten’> eection> ance

WSSCHOOLS EXAMS A Typical HTML4 Page HTML, 688, Joerg, He a Example ethan Fee sey et A eee coton nner “Fy (fv fonty verdana sana-serfsfont-nise.Sem;) eer ete ch cari SHARE THIS PAGE Stoeneoser,shvafootr {calor niterbsekgrond-color teat narain-dottn" 3000) ‘ non © ‘ends 1Sporese 8) ‘hddNews Sectionc/h> ir nora eorun

Upskarescopy) 2014 Nonday Temas. ALL age nazerved. Jp) a0 Change to HTMLS5 Doctype ‘change the dctype, fom the HTML doctype: | <{OOCTYPE HIML PUBLIC *./M8C//0TO HTML 4.61 Transitionad//EN" nee enor TRY NMA ose. 5 tothe HTMLS doctype Example Change to HTMLS Encoding ‘change the encoding irformation, fom HTMLA: Example Add The Shiv LETHLS semantic elements are supported in all medem browsers In ation, you can "teach" older browsers how ta handle “unknown elements ‘dd the shiv for Internet Explore super Example cie-[if 18 16 9 ‘Scorigecre=thetp/MeaSehi.googlacode.con/svn/trank/NealS.2"2 davenar ut ( } dovenaru ul Lf Darsicate with equal CSS styles for HTMLS semantic elements Example neater footer section article { [ohaorsIptselsd"BreysmarginSpxsmagin.tottan: Spxjpadding: Spx background-color-uhste ry ester footer ; background-color ¥at4jmargin- bottom: 5px Sesion ackdreund-celer:#800; > fw d Dopguae P eptestttes westetes ‘Change to HTML5

and

yealer” and id="footer” change the elements vith i “ookenprcopys 2014 WASchonls. ALL rights reserved. ard

elements: Example ‘Change to HTMLS

Change the <> semen wah id=" men “Abteecas spore ibebather 3s Example ‘Change to HTMLS

change the

element with id="content™ to an HIMLS semantic element Example ‘Change to HTMLS

change all element wah elass="post” to HIMLS semantic elements: Example Remove these "no lenger needed”