Skip to main content
main-content

Über dieses Buch

HTML5 brings the biggest changes that HTML has seen in years. Web designers and developers now have a whole host of new techniques up their sleeves, from displaying video and audio natively in HTML, to creating realtime graphics directly on a web page without the need for a plugin. But all of these new technologies bring more tags to learn and more avenues for things to go wrong. HTML5 Solutions provides a collection of solutions to all of the most common HTML5 problems. Every solution contains sample code that is production-ready and can be applied to any project.

Inhaltsverzeichnis

Frontmatter

Chapter 1. HTML5 Page Structures

In 2004, a group of developers from Apple, Opera, and Mozilla were unhappy with the direction that HTML and XHTML were heading. In response, they formed a group called the Web Hypertext Application Technology Working Group (WHATWG). They published their first proposals in 2005 under the name Web Applications 1.0. In 2006, the World Wide Web Consortium (W3C) decided to support WHATWG officially rather than to continue developing XHTML. In 2007, the new specification was republished by the W3C under the name HTML5.
Marco Casario, Peter Elst, Charles Brown, Nathalie Wormser, Cyril Hanquez

Chapter 2. HTML5 Markup

In Chapter 1, we explored many of the new structural tags associated with HTML5. By using additional structural tags, you can describe the parts of your document with greater detail and accuracy. You also learned that there are many attributes associated with tags. Some of these attributes are specific to particular tags, and some are global across all tags.
Marco Casario, Peter Elst, Charles Brown, Nathalie Wormser, Cyril Hanquez

Chapter 3. HTML5 Structural and Semantic Elements

The term “semantic web” is definitely not new. The creator of the World Wide Web himself, Tim Berners- Lee, used it for the first time when talking about the transformation of the World Wide Web into an environment where published documents are associated with information and data that specify their semantic context in an interpretable format.
Marco Casario, Peter Elst, Charles Brown, Nathalie Wormser, Cyril Hanquez

Chapter 4. HTML5 Forms

Forms are an essential part of any web application that requires input by the user.
Marco Casario, Peter Elst, Charles Brown, Nathalie Wormser, Cyril Hanquez

Chapter 5. HTML5 Media Elements: Audio and Video

Today the Web has truly gone multimedia. Audio and video have become an integral part of the content that we navigate through daily on the Web. Thanks to the continual increase of bandwidth and compression technologies for multimedia content, it is now common to watch a TV show on your mobile device, or a view a movie stream when you are comfortably seated in front of your TV thanks to devices enabled with Apple or Google TV technologies.
Marco Casario, Peter Elst, Charles Brown, Nathalie Wormser, Cyril Hanquez

Chapter 6. HTML5 Drawing APIs

A cool feature of HTML5 is that you have the option to dynamically render 2D shapes and bitmap images on the fly, as it now has its own native drawing API. This is a huge move for HTML, which remained fairly static and limited in this area since its creation. Now those days are over, and a new realm of possibilities is here to deal with graphics created within the HTML page itself. It is now possible to build shapes, graphs, animations, and even games without needing to rely on any external plug-in (like Flash). This brings great value when it comes to developing web pages and applications, but even more so when it comes to compatibility with mobile devices.
Marco Casario, Peter Elst, Charles Brown, Nathalie Wormser, Cyril Hanquez

Chapter 7. HTML5 Canvas

We saw in the previous chapter how to use the HTML5 canvas drawing API. We will now manipulate canvas a bit more deeply and see how it can be used for rendering graphs, game graphics, or other visual images on the fly. As you learned previously, canvas is a rectangular area that you can add to your HTML5 page and that you can use to render and manipulate graphics through several available methods. In this chapter, you will see what you can do with canvas and its other APIs.
Marco Casario, Peter Elst, Charles Brown, Nathalie Wormser, Cyril Hanquez

Chapter 8. HTML5 Communication APIs

At this point in the book, it is already clear that HTML5 offers many new tools to create applications that interact in a more native manner with the server.
Marco Casario, Peter Elst, Charles Brown, Nathalie Wormser, Cyril Hanquez

Chapter 9. HTML5 WebSocket

WebSocket is a technology that provides bi-directional, full-duplex communications channels over a single Transmission Control Protocol (TCP) socket. It is designed to be implemented in web browsers and web servers, but it can be used by any client or server application. The WebSocket application programming interface (API) is being standardized by the W3C (http://dev.w3.org/html5/websockets/), and the WebSocket protocol is being standardized by the IETF (www.ietf.org/). Since ordinary TCP connections to ports other than 80 are frequently blocked by administrators outside of home environments, it can be used as a way to overcome these restrictions and provide similar functionality (with some additional protocol overhead) while multiplexing several WebSocket services over a single TCP port.
Marco Casario, Peter Elst, Charles Brown, Nathalie Wormser, Cyril Hanquez

Chapter 10. HTML5 Geolocation API

Wouldn’t it be great if a web application just knew where you are located? Imagine being able to search information specific to your current location—where are the closest restaurants, which of your friends are nearby, what is the traffic situation like for your town⋯
Marco Casario, Peter Elst, Charles Brown, Nathalie Wormser, Cyril Hanquez

Chapter 11. HTML5 Local Storage

Within the past ten years, we have experienced a Web revolution: everyone wanted to have an Internet presence, and the majority of our existing applications moved from the desktop to the Web. While it sounds great, we are now in the mobile era, where we are not only working at the workplace on our desktop computers; we’re also working on the train with laptops, in a plane with tablet computers, or just about any other place with smartphones.
Marco Casario, Peter Elst, Charles Brown, Nathalie Wormser, Cyril Hanquez

Chapter 12. HTML5 Accessibility

Accessibility for web applications is a very hot issue. Not only is the number of disabled persons who use the Web increasing every day, but the context in which people in difficult situations are navigating the Web is also increasing. Filling in web forms using the keyboard instead of a mouse, dragging objects on screen using a touch-based device, or using a multimedia element from a slow UMTS connection (http://en.wikipedia.org/wiki/UMTS) on a cell phone are constant barriers that the disabled must face. The reason for making an application accessible and the techniques for doing so do not encompass all disabilities that affect access to the Web, which include visual, auditory, physical, speech, cognitive, and neurological disabilities. Rather, it involves improving access for anyone who experiences certain difficulties accessing the Web.
Marco Casario, Peter Elst, Charles Brown, Nathalie Wormser, Cyril Hanquez

Backmatter

Weitere Informationen

Premium Partner

BranchenIndex Online

Die B2B-Firmensuche für Industrie und Wirtschaft: Kostenfrei in Firmenprofilen nach Lieferanten, Herstellern, Dienstleistern und Händlern recherchieren.

Whitepaper

- ANZEIGE -

Best Practices für die Mitarbeiter-Partizipation in der Produktentwicklung

Unternehmen haben das Innovationspotenzial der eigenen Mitarbeiter auch außerhalb der F&E-Abteilung erkannt. Viele Initiativen zur Partizipation scheitern in der Praxis jedoch häufig. Lesen Sie hier  - basierend auf einer qualitativ-explorativen Expertenstudie - mehr über die wesentlichen Problemfelder der mitarbeiterzentrierten Produktentwicklung und profitieren Sie von konkreten Handlungsempfehlungen aus der Praxis.
Jetzt gratis downloaden!

Bildnachweise