Click me
Transcribed

WTF is HTML5?

< WTF IS HTML5 HTML5 is being developed as the next major revision of HTML. This code can now be used for new functions that can Canvas element + Video element AND WHY WE SHOULD ALL CARE > benefit developers and Internet users. The canvas element can be used for rendering graphs, game graphics or other visual images on the fly Embedding video used to be impossible without third-party plugins such as Apple QuickTime or Adobe Flash®. HTML5 introduces a number of new elements and attributes. Here are WTF IS IT? the most important of them: All done without having to Thanks to video element, now it's rely on plug-ins. The pos- sibilities are endless. possible. It is intended by its creators to become the new standard way to show video online. HTML is a language that provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. + Offline web applications 3 Sniffing a users' location is not a new thing on the web. In fact, most websites already do this by means of IP address detection. But this is not always reliable, so HTML5's geoloca- tion is an alternate method of correctly pinpointing a users' location. The new idea is to get the location information from WiFi towers and GPS. The offline web applications enable 4 users to continue interacting with web applications and documents even when How does this matter to you? You will notice that daily web activities such as uploading YouTube videos to your blog and finding a specific store in your browser on your smart- phone will become easier. This means you can have a rich experience on a light, portable, universal platform. their network connection is unavailable. The user can, for instance, access email locally without having to connect to the Internet or install an external client. CHTML> Geolocation WHERE IS HTML5 SUPPORTED? Audio Element Enables user to play sound on webpages without requiring a plug-in Could you experience the HTML5's new features with your current browser? Cross-document Get elements by Not WYSIWYG editable elements Enables user to add, edit and delete text, graphics New, stylable HTML5 elements The stylable elements refer to the ability to use CSS on some new elements. Video messaging supported Sends information from pages on different domains to each other. class name Method of accessing DOM elements Element Enable users to play videos on webpages without requiring a plug-in. Each browser has its own rules and char- and more. by class name. acteristics that differ between versions and brands. And each one is adopting HTML5 at its own rate. Offline web applications Select web page files to be cached allowing them to work offline Canvas basic Text API for Canvas Method of displaying HTML5 form Drag and drop Method Inline SVG in HTML5 Method of using SVG tags directly in HTML documents Support unknown Find out how well each browser supports HTML5 features and how they will improve their support in the near future. support Generates dynamic graphics using Javascript of easily dragging and dropping elements on a page. features Expanded form options, including things like data pickers and sliders. text on canvas elements HTML5 readiness Compatibility with HTML5's features - Current Status Future status Internet Internet Explorer 9.0 26% Explorer 8.0 77% Firefox 3.6 Firefox 4.0 79% Chrome 5.0 Chrome 6.0 86% Safari 4.0 Safari 72% Opera 10.5 Opera HTML5 VS. FLASH. WHO WILL OWN THE WEB'S INTERACTIVE FUTURE? Most of the stuff you see in your browser is created with HTML. This language has, until fairly recently, been limited to static text and image content. Long ago, a technology called Flash was developed to allow web browsers to display rich, dynamic and interactive content such as audio, video and SVG (scalable vector graphics). According to Adobe, it is currently used by over 99% of Internet users. As you can see, Flash is better in some cases, and HTML5 is better in others. %24 Which one is cheaper? More powerful? V More accepted? More efficient? However, HTMLS is the future of the Web for simple interactivity. It includes charting, some limited 3D vector graphics, image trans- forms, video and audio. HTML5 х HTML5 х HTML5 х HTML5 O Paid OFree O+Effects O-Effects O Limited OUniversal OEfficient OEfficient The Flash player is free, but Adobe's Flash development toolkit is very expensive. Flash was banned from its popular iPhone and iPad platforms. Moreo- ver, it requires a plug-in to run in other devices. But the portion of the Web that requires richer interaction will continue to rely on Flash and other technologies, such as Silver- light or Java. But Adobe's Flash technology has been taking a beating lately. There are many advanced effects that are only available in Flash. Tests done with Flash and HTML5 formats on both Mac and Windows produced different results, making neither a clear winner. Now, HTML5 could become a game- changer in Web application develop- ment. It poses a strategic threat to Adobe, as well as to Microsoft and Java. Which one is the best? Check out the answer. For example, Google relies on Flash in Gmail for the multiple-file upload capability. There are thousands of Flash games that would be difficult to do in a performant way with HTML5. On the other hand, no single com- pany owns HTML. Anyone with a text editor has the same access to HTML5 is executed by the browser, not a separate plugin. As a result, it is the standard option and it is being adopted universally. But the most important point is that simple apps consume minimal resources, and most HTML5 and Flash The choice among these technolo- gies is not "all or none." Depend- ing on the context, the developer may use both together. Over the long-term HTMLS may fit the bill. the technology as anyone else. It's free for developers and users. apps are simple. Souces: Dive into HTMLS|Caniuse.com Edtme.comGartner | Infolser | Read Write Web| Tech Crunch |Wikpedia FOCUS

WTF is HTML5?

shared by youcom on Jan 24
1,591 views
6 shares
0 comments
HTML is one of the most important programming tools today. This infographic explains what HTML is, how it's used, and the new features of HTML 5. It also compares different HTML programs to find out w...

Publisher

Focus

Source

Unknown. Add a source

Category

Computers
Did you work on this visual? Claim credit!

Get a Quote

Embed Code

For hosted site:

Click the code to copy

For wordpress.com:

Click the code to copy
Customize size