Your SlideShare is downloading. ×
0
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

HTML5

1,410

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,410
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
39
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • 3. This new standard incorporates features like video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash and Microsoft Silverlight.
    4. Must be installed, Power hungry, Slow browser, Crash prone

  • 2. So you can’t detect “HTML5 support,” because that doesn’t make any sense. But you can detect support for individual features, like canvas, video, or geolocation.
    2. You may think of HTML as tags and angle brackets. That’s an important part of it, but it’s not the whole story.
    3. HTML5 doesn’t just define a <video> tag; there is also a corresponding DOM API for video objects in the DOM
  • 1. You don’t need to throw away your existing markup.
    2. There’s just newer features that work within HTML 5.
  • 5. In HTML 5 it is not only as easy to embed a video in a website as it has been to embed an image - using just one tag - but it also opens the way for a host of additional features. Using the HTML5 video tag developers can embed videos without third-party codes and manipulate the videos in real-time.
  • 3. Again, like the video tag, developers can use the canvas tag to create regions of dynamic content without relying on external plugins.
    3. There are a number of simple and more advanced examples of canvas at work on the Internet.
  • HTML5's geo-location capabilities are already being included in many popular browsers
    Typically this is more functional on mobile devices with built-in GPS or location-aware hardware.
  • Gears first introduced the idea of storing data locally so that applications could continue to work even when disconnected from the network.
    Offline storage is also like seriously beefed-up cookies, with significantly more storage space.
  • Local file access is likely to be at the heart of future web applications.
    The potential in this is significant as it paves the way for web applications to behave the same way as desktop-based applications and making browsers more like an application platform than simply a web viewer.
  • 2. New tags in the coding of sites will help them better organize the information they present to search engines’ automated indexers. That could make search results more relevant for everyone.”
  • 2. not all browsers have obvious settings for removing data created by the new Web language. Even the most proficient software engineers and developers acknowledge that deleting that data is tricky and may require multiple steps.
  • Transcript

    • 1.  HTML5 defines the fifth major revision of the core language of the World Wide Web, HTML.  HTML5 is the next major revision of the HTML standard, currently under development. However, most modern browsers have some HTML5 support.  Like its immediate predecessors, HTML 4.01 and XHTML 1.1, HTML5 is a standard for structuring and presenting content on the World Wide Web.  Plug-in problems
    • 2.  HTML-Hyper Text Markup Language-is the fundamental blueprint of all Websites.  When you visit a site, you see pages with text, photos, videos, and games. But your browser displays all that stuff because it downloaded a big chunk of HTML code that instructs it where to access that media and how to lay it out on a virtual page. http://www.pcworld.com/businesscenter/article/207653/html5_what_does_it_mean_for_you.html
    • 3.  1991 HTML  1994 HTML 2  1996 CSS 1 + JavaScript  1997 HTML 4  1998 CSS 2  2000 XHTML 1  2002 Tableless Web Design  2005 AJAX  2008ish HTML 5 Begins…. Is HTML 5 ready yet??? http://ishtml5readyyet.com/
    • 4.  “How can I start using HTML5 if older browsers don’t support it?”  But the question itself is misleading. HTML5 is not one big thing; it is a collection of individual features.  The HTML5 specification also defines how those angle brackets interact with JavaScript, through the Document Object Model (DOM). .  It won’t support all video formats. Right now just ogg and mp4 are the most popular. Taken from http://diveintohtml5.org/
    • 5.  HTML5builds on the success HTML 4.  You don’t need to relearn things you already know.  If your web application worked yesterday in HTML 4, it will still work today in HTML5. Taken from http://diveintohtml5.org/
    • 6.  Whether you want to draw on a canvas, play video, design better forms, or build web applications that work offline, you’ll find that HTML5 is already well- supported.  Firefox, Safari, Chrome, Opera, and mobile browsers already support canvas, video, geolocation, local storage, and more.  Google already supports microdata annotations.  Even Microsoft — rarely known for blazing the trail of standards support — will be supporting most HTML5 features in Internet Explorer 9. Taken from http://diveintohtml5.org/
    • 7. Tim Berners-Lee invented the world wide web in the early 1990s. He later founded the W3C to act as a steward of web standards, which the organization has done for more than 15 years. Here is what the W3C had to say about the future of web standards, in July 2009: Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the HTML Working Group, W3C hopes to accelerate the progress of HTML5 and clarify W3C’s position regarding the future of HTML. Taken from http://diveintohtml5.org/
    • 8.  Everything is lighter in HTML5  Code is shorter- Get things out of JavaScript that don’t need to be there Native audio/video  According to projections from Cisco, online video viewing will soon surpass peer-to-peer file sharing as the activity responsible for the most traffic on the internet. -Technology Review 2010  Many modern websites show videos. HTML5 provides a standard for showing them.  Until recently web-based video relied on Flash, Adobe's rich media language. But HTML could put an end to that with its own native video tag.  The control attribute is for adding play, pause, and volume controls. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
    • 9.  Still in the works for what video format will become the standard.  Apple & IE pushed=h.264 (portions of the H.264 technology are covered by patents)  Ogg=another HTML5 video format option being pushed by the open source community, but the W3C is also concerned over patent issues.  Google recently introduced a new video format, dubbed WebM, and open-sourced its technology in an effort to settle the matter. The key players can’t agree. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
    • 10. Steve Jobs vs. Flash (unstable CPU hog)  Flash can be used to create rich, Web-based applications that could threaten App Store sales if developers chose to market them independently. Will flash go away?  Flash is all over the web, but you have to have a plug-in to make it work.  Google supports it
    • 11. Canvas  In plain English, Canvas is an area in HTML5 that allows users to draw.  The canvas can be scaled by width or height and, coupled with Javascript  The canvas can be used to accept user input, provide animations, edit images and a host of other features. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
    • 12. Geo-Location  The geo-location features allow users to share their current location with the site they are visiting.  The feature uses a combination of GPS, WiFi, IP address and Bluetooth to determine the user's position.  There are many opportunities for geo-location-capable browsers, including customized search results, location- specific maps and listings and a host of others.  Users have to actively give permission to a site to obtain their location to prevent against abuse. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
    • 13. Offline storage  Offline storage is a lot like Google's Gears except without needing a plugin.  This means that anything from user details to email can be stored locally and used by web applications.  Work offline and sync to the cloud when you get internet access. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
    • 14. Local file access  This new capability allows web-based applications to access and manage files stored on a local hard disk.  Users won't have to upload files to a remote server before being able to manipulate them. For example, a photo management application could be used to manipulate an image stored locally, or even view thumbnails, without needing to upload the image first.  Drag and drop-have this capability with Gmail, where you can drag a file to the browser window to add as an attachment. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
    • 15. A few other neat features (keep an eye out for these)  Edit content: selected portions of the page will be available to users to jot down notes and those notes will appear when they return to the site.  Chat: API associated with HTML5 will let web developers set up a simple chat program. Users interact beyond limits of a comments section (similar to Meebo)
    • 16.  Possibility of one icon that will open a window capable of any task imaginable.  With growing popularity of online software packages (Office and Photoshop) html5 would allow offline use and seamlessly synchronizing new changes when a connection becomes available. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
    • 17.  Should also speed the development of new kinds of websites for presenting magazines and newspapers on tablet computers.  Libraries will love the new tags like <article> for marking articles or blog posts with additional citation information  There’s an <aside> for attaching related content. These tags will define the relationship between pieces of content by enabling semantic identification.  Scribd website example Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
    • 18.  Supercookies  Concerns about tracking  Each browser has different privacy settings  Software developers and the representatives of the World Wide Web argue that as technology advances, consumers have to balance its speed and features against their ability to control their privacy. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html

    ×