what is html5?
DESCRIPTION
What is HTML5?. New standard for HTML C ross -platform ( tablet , smartphone , a netbook , notebook or a Smart TV). W eb applications that still work when you are not online. Minimum HTML5 Document. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: What is HTML5?](https://reader036.vdocuments.mx/reader036/viewer/2022062816/568156d1550346895dc46b48/html5/thumbnails/1.jpg)
![Page 2: What is HTML5?](https://reader036.vdocuments.mx/reader036/viewer/2022062816/568156d1550346895dc46b48/html5/thumbnails/2.jpg)
![Page 3: What is HTML5?](https://reader036.vdocuments.mx/reader036/viewer/2022062816/568156d1550346895dc46b48/html5/thumbnails/3.jpg)
What is HTML5?
• New standard for HTML• Cross-platform ( tablet , smartphone,
a netbook, notebook or a Smart TV).• Web applications that still work when
you are not online.
![Page 4: What is HTML5?](https://reader036.vdocuments.mx/reader036/viewer/2022062816/568156d1550346895dc46b48/html5/thumbnails/4.jpg)
![Page 5: What is HTML5?](https://reader036.vdocuments.mx/reader036/viewer/2022062816/568156d1550346895dc46b48/html5/thumbnails/5.jpg)
![Page 6: What is HTML5?](https://reader036.vdocuments.mx/reader036/viewer/2022062816/568156d1550346895dc46b48/html5/thumbnails/6.jpg)
![Page 7: What is HTML5?](https://reader036.vdocuments.mx/reader036/viewer/2022062816/568156d1550346895dc46b48/html5/thumbnails/7.jpg)
Minimum HTML5 Document
• <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Judul Dokument</title></head>
<body>Selamat datang di HTML 5</body>
</html>
![Page 8: What is HTML5?](https://reader036.vdocuments.mx/reader036/viewer/2022062816/568156d1550346895dc46b48/html5/thumbnails/8.jpg)
New Features
• The <canvas> element for 2D drawing
![Page 9: What is HTML5?](https://reader036.vdocuments.mx/reader036/viewer/2022062816/568156d1550346895dc46b48/html5/thumbnails/9.jpg)
The <video> and <audio> elements for media playback
![Page 10: What is HTML5?](https://reader036.vdocuments.mx/reader036/viewer/2022062816/568156d1550346895dc46b48/html5/thumbnails/10.jpg)
![Page 11: What is HTML5?](https://reader036.vdocuments.mx/reader036/viewer/2022062816/568156d1550346895dc46b48/html5/thumbnails/11.jpg)
New content-specific elements, like <article>, <footer>, <header>, <nav>, <section>
![Page 12: What is HTML5?](https://reader036.vdocuments.mx/reader036/viewer/2022062816/568156d1550346895dc46b48/html5/thumbnails/12.jpg)
New Elements in HTML5
Tag Description
<canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript)
![Page 13: What is HTML5?](https://reader036.vdocuments.mx/reader036/viewer/2022062816/568156d1550346895dc46b48/html5/thumbnails/13.jpg)
Tag Description<audio> Defines sound content<video> Defines a video or movie<source> Defines multiple media resources for <video> and
<audio><embed> Defines a container for an external application or
interactive content (a plug-in)<track> Defines text tracks for <video> and <audio>
New Media Elements
![Page 14: What is HTML5?](https://reader036.vdocuments.mx/reader036/viewer/2022062816/568156d1550346895dc46b48/html5/thumbnails/14.jpg)
Tag Description<datalist> Specifies a list of pre-defined options for input
controls<keygen> Defines a key-pair generator field (for forms)<output> Defines the result of a calculation
New Form Elements
![Page 15: What is HTML5?](https://reader036.vdocuments.mx/reader036/viewer/2022062816/568156d1550346895dc46b48/html5/thumbnails/15.jpg)
Tag Description<article> Defines an article<aside> Defines content aside from the page content<bdi> Isolates a part of text that might be formatted in a
different direction from other text outside it<command> Defines a command button that a user can invoke<details> Defines additional details that the user can view or hide<dialog> Defines a dialog box or window<summary> Defines a visible heading for a <details> element<figure> Specifies self-contained content, like illustrations,
diagrams, photos, code listings, etc.<figcaption> Defines a caption for a <figure> element<footer> Defines a footer for a document or section<header> Defines a header for a document or section<mark> Defines marked/highlighted text<meter> Defines a scalar measurement within a known range (a
gauge)<nav> Defines navigation links<progress> Represents the progress of a task<ruby> Defines a ruby annotation (for East Asian typography)<rt> Defines an explanation/pronunciation of characters (for
East Asian typography)<rp> Defines what to show in browsers that do not support ruby
annotations<section> Defines a section in a document<time> Defines a date/time<wbr> Defines a possible line-break
New Semantic/Structural ElementsHTML5 offers new elements for better structure: