Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
In other words...
HTML5 will be the new standard for HTML.
With even the potential to replace Adobe Flash.
However for now...
HTML5 is a Work in Progress
It hasn't been standardized like HTML4. You don’t have to worry about updating the pages built using HTML4 as it's more than ten years old and a set standard.
Timeline
New Elements?
Even though HTML5 is not yet an official standard, and no browsers have full HTML5 support....
...all major browsers (Safari, Chrome, Firefox, Opera, Internet Explorer) continue to add new HTML5 features to their latest versions.
As seen in the above video, the coding for videos and audios is easier than ever.
We can use:
Instead of using external video players such as flash.
With HTML5, drawing graphics is easier than ever:
•Using the <canvas> element
•Using CSS3 2D/3D
•Animation with canvas
<canvas>:
Used to draw graphics, on the fly, via scripting (usually JavaScript)
This is what killed Flash.
Only time will tell.
Although it isn't as … flashy … as most assume that it will eventually make Flash obsolete.
•<acronym>
•<applet>
•<basefont>
•<big>
•<center>
•<dir>
•<font>
•<frame>
•<frameset>
•<noframes>
•<strike>
•<tt>
HTML5 is developed keeping in mind the usage of modern websites. New tags have been added: ‘<header>’ for headings; ‘<nav>’ for website navigation block; ‘footer’ for bottom lines in web page; ‘section’, ‘<article>’ or ‘<aside>’ for particular sections such as blogs, etc.
HTML4 used common structures such as: ‘header’, ‘column’ etc.
HTML5 has a new provision for Microdata which helps in search engine optimization. You don’t need to be a large corporation making special deals with search engine vendors to customize your search result listings. Just take ten minutes and add a couple of HTML attributes to annotate the data you were already publishing anyway.
With the use of these three tags you can pass necessary information to your browser:
As explained in the new features bubble:
HTML5 introduces a number of APIs (application programming interfaces) that help in creating Web applications.
• Drag and drop
• Offline database storage
• Document edition
• Canvas 2D that makes it easier to
integrate video elements.
• GeoLocation
• History
HTML4 ignored many modern form tags which are used frequently by the browser.
HTML5 has taken into account lots of form inputs which make it very easy for the developers to handle certain special inputs.
HTML4 needed external software, like Flash, to play videos and multimedia content. This sometimes caused problems due to incompatibility, etc.
HTML5 can embed video on web-pages without using any special software. It is also said to be capable of playing video games (8-bit) on the browser itself.
On August 1, 2011, Adobe announced the development of a new multimedia authoring tool to succeed the Flash platform for browser-delivered content:
Adobe Edge Animate.
Adobe Edge Animate, formerly known as simply Adobe Edge, is a web development tool developed by Adobe Systems that uses HTML5, Javascript, and CSS3 functionality.
As of September 24Th 2012, Adobe edge was officially released.
-Has not been updated since 2000
-Still the standard being used today
Some of the most interesting new features in HTML5:
•The <canvas> element for 2D drawing
•The <video> and <audio> elements for media playback
•Support for local storage
•Drag-and-drop
•New content-specific elements, like <article>, <footer>, <header>, <nav>, <section>
•New form controls, like calendar, date, time, email, URL, search.
This became the topic of mainstream media around April 2010 after Apple Inc's then-CEO Steve Jobs issued a public letter titled "Thoughts on Flash" where he concludes that "[Adobe] Flash is no longer necessary to watch video or consume any kind of web content" and that "new open standards created in the mobile era, such as HTML5, will win".
Some suggested that while HTML5 provides enhanced functionality, developers must consider the varying browser support of the different parts of the standard as well as other functionality differences between HTML5 and Flash.
In early November 2011, Adobe announced that it will discontinue development of Flash for mobile devices and reorient its efforts in developing tools utilizing HTML 5.
While there are many new elements, some will still be removed:
<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>
Interested in knowing more?
Another video below~