Smashing HTML5 (Smashing Magazine Book Series)
Welcome to HTML5 - the future of the Web
HTML5 is packed with great new features, including new content-specific elements, audio and video playback, canvas for drawing, and many others. But where to begin? With Smashing HTML5, you have everything you need to get up and running quickly.
Bill Sanders is a professional Web developer, information and interface designer, and instructor. His expertise and knowledge shared throughout Smashing HTML5 will help fast-track you toward building next-generation Web sites.
Smashing HTML5 provides comprehensive coverage - from how to get started with HTML5 to optimizing media on the Web. You will learn how to use text, graphics, audio, video, and navigation in HTML5 Web pages running in compatible browsers.
You will also learn how to: * Work with HTML5 tags * Design page structure * Make site navigation easy for your audience * Integrate media including video into HTML5 pages * Harness the power of the HTML5 canvas * Use HTML 5 forms * Create interactivity, store information, and much more
Smashing HTML5 is an essential read for Web designers and developers looking to transition to HTML5. With this book, you'll be able to create Web pages that not only look great, but also take advantage of the new features HTML5 has to offer.
tag adds no content to the Web page, but it influences how the page appears and informs the browser that it’s a Web page and what kind of Web page it is. Figure 5-1 shows the general organization of the first part of the Web page. Figure 5-1: Organizing the top of a Web page. 86 The tag is the root element, and within that element, you can include a language attribute. Then within thecontainer are metadata elements. Also in the container are the scripting elements; they,
height of the cell and the space between the border and the text (padding). However, the difference is significant, as you can see in Figure 6-4. With the added space around the data, the cell value is far clearer. The cells aren’t too pretty, but that’s easy to take care of — just remove them. CHAPTER 6: DISPLAYING DATA WITH TABLES Figure 6-4: Adding space within table cells. 117 DATA CLARIFICATION WITH BACKGROUND COLORS Back in the old days, computer printouts were done on paper with
as shown in the following snippet: The underscore in naming all the browsing contexts is required. So, something like target =”blank” would not work — it has to be target=”_blank”. In older versions of HTML, the frame and frameset elements were widely used and both could be named as target values. Likewise, the _parent and _top browsing contexts would be used to open a page in a different frame. In HTML5, the major use of the target attribute is to select
third style sheet that has nothing but IDs that will be used as anchors. Place an ID in each section of your pages. 5. Finally, create links on each of the three pages that will link to the other two pages and all the IDs on each page. Make this exercise fun for yourself. You can create pages to do anything you want. There’s no reason to be serious (unless you have a client in mind!). So, don’t worry about the content, but make it exactly what you’d like. 8 8 CHAPTER SMASHING HTML5