![Contents ,[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à HTML 5
Similaire à HTML 5 (20)
Plus de Karthik Madhavan
Dernier
Dernier (20)
HTML 5
- 1. HTML 5 Karthik Madhavan S7, CS (2006-2010)
- 3. Why HTML5?
- 4. HTML 5 an overview
- 6. Difference between HTML4 and HTML5
- 7. Future scope
- 8. Conclusion2
- 9. HTML : An Outline Stands for Hyper Text Markup Language. Not a programming language, it is a markup language. A markup language is a set of markup tags. Markup tags are used to describe web pages. 3
- 10. TAGS Keywords surrounded by angle brackets < > like <html> They come in pairs like <b> and </b> Common tags are :- <html> <head> <div> <body> <a> <p> <h1> 4
- 11. 5
- 12. Document Object Model Cross platform, language independent model Represents and interacts with objects in HTML documents 6
- 13. Why HTML5 ? HTML4 hasn’t been updated for about 10 years. XHTML was introduced but it made things stricter and not easier. Embedding audio/video was dependent on flash etc. New websites have to be interactive. 7
- 14. HTML4 - drawbacks It does not adequately support web applications. Complex structuring of web pages. Complex DTDs Need plug-ins to embed audio and video. Does not support drag and drop features, editing, drawing, error handling etc 8
- 16. Work started in 2003 by W3C and WHATWG
- 17. Released a draft version in 2008.
- 18. A change from document markup language to a web application language.
- 19. An attempt to enhance the functionality and flexibility of the web.9
- 22. New features like form control, APIs, multimedia, structure semantics , local storage etc.
- 23. Consistent and defined error handling
- 26. New attributes
- 27. Local Storage
- 29. 13 Structuring in HTML5;
- 30. 14
- 31. 15
- 33. <article>
- 34. <aside>
- 35. <header>
- 36. <footer>
- 37. <nav>
- 39. 18
- 40. <video> Embed video in web pages Does not require 3rd party plug-ins like Apple QuickTime or Adobe Flash Player. No detection script required Attributes like src, autoplay, loop etc JS to fall back to plug-ins if browser does not support <video> 19
- 41. 20
- 42. 21
- 43. <audio> sound or audio stream attributes like src, auto buffer, loop, controls etc audio = new audio( [ url ] ) creates an audio element ,assigns arc=url 22
- 45. <time> - denoted time or date in a block
- 46. <meter> - to indicate the measure or count. Multiple attributes like min, max, low, high etc possible.
- 48. date
- 49. month
- 50. week
- 51. time
- 52. number
- 53. range
- 54. email
- 57. 27
- 59. contextmenu attribute can be used to point to a context menu provided by the author.
- 60. draggable attribute can be used together with the new drag & drop API.
- 61. hidden attribute indicates that an element is not yet, or is no longer, relevant.
- 63. Like cookies, but for larger data.
- 64. Data stays in the local system and can access using JS after page load.
- 66. API for playing of video and audio which can be used with the new video and audio elements.
- 67. An API that enables offline Web applications.
- 69. 32
- 71. Language for web applications rather than document markup language
- 72. Localized data speeding up caching .searching etc
- 73. <canvas> tag for 2D graphics
- 75. Web apps faster with better user experience
- 76. Difference between desktop and web apps blurred.
- 79. HTML5 Introduction, Richard Keyes (2009) ‘An introduction to HTML5 and its features; The Code Project’
- 80. Difference b/w HTML5 and HTML4, Anne van Keesteren (2008); Opera Software OSA
- 81. HTML5 Reference, Lachlan Hunt (2009), W3C
Notes de l'éditeur
- As many conceive it, its not a programming language. It’s a markup language. *Slidecontecnt* I’m coming to tags. Its on the next slide.
- Common tags you’ll find in an html source code are And <p>,<h1> etc<head> includes the external files which u may include in ur html doc such as a css or a javascript file<div> divides the page into sections upon ur need<body> defines the main body of ur division, it consists of several sub tags such as <a> <p> etc etcI think that’s all the basics you need to know to understand further.
- The most reason version html4, has been on for over a decade now. And, it hasn't really seen a major update. Sure there's XHTML, but that did little more than make things slightly stricter - making you write better quality code if you were at all concerned with compliance. The main area that was not been addressed yet was web application. To give authors more flexibility and enable more interactive websites, html5 was introduced.Critics say that html5 could actually kill flash and silverlight.