Skip to Content
iPhone® & iPad® Web Design For Dummies®
book

iPhone® & iPad® Web Design For Dummies®

by David LaFontaine, Janine Warner, Lee Andron
July 2011
Intermediate to advanced
352 pages
10h 14m
English
For Dummies
Content preview from iPhone® & iPad® Web Design For Dummies®

Creating a Site Framework in HTML5

In a valid HTML5 page, the only required tags are the doctype (more on doctype in a moment), title, and a block element, such as the paragraph tag with a little content.

Many of the tags in an HTML5 page will be familiar to you if you’ve worked with previous versions of HTML. You still surround the entire contents of the page with opening and closing <html> tags, the <head> tags contain the <title> tags, and the contents of the page that will display in a web browser are contained within the <body> tags.

Here’s the essential structure of a simple HTML5 page. We review the new HTML5 tags, line by line, in the sections that follow.

<!DOCTYPE html>

<html lang=”en”>

   <head>

      <meta charset=”UTF-8”>

      <title>This is a simple page title</title>

   </head>

   <body>

      <p>The content for a simple page goes here.</p>

   </body>

</html>

tip_4c.eps We don’t think you should ever have to type any of our code samples, so we include all the code you see in this chapter on the website that goes with this book. Just visit www.digitalfamily.com/mobile to find all the code in the book, as well as instructions for how to copy and paste the code from our site into your own web pages.

Starting with the doctype

The doctype, which tells a browser how to interpret the HTML code in a web page, is one of the most significant changes in HTML5. In HTML4, web authors ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

HTML5 Multimedia: Develop and Design

HTML5 Multimedia: Develop and Design

Ian Devlin
The CSS Pocket Guide

The CSS Pocket Guide

Chris Casciano

Publisher Resources

ISBN: 9781118099018Purchase book