New Additions to HTML5 for Web Design
Apple’s iPhone and iPad have turned the dream of holding “the web in the palm of your hand” into a reality — a reality that has far-reaching implications for the future of web design.
The Safari browsers on the iPhone and iPad support many of the newest advances in web design (such as HTML5 and CSS 3), technologies that will enable you to create cutting-edge websites and web apps.
One benefit of pushing the limits as you learn to design for Safari (for the Mac iOS) is that it also prepares you well to design for most smartphones or tablets that use Android (the mobile Google operating system) and other mobile operating systems. The Mac iOS is the operating system that Apple uses on all its mobile devices, such as the iPhone, the iPad, and the iPod touch.
In addition to key structural elements, HTML5 includes other new elements, such as the following:
<aside> — This element is ideal for tips, small sidebars, and other, well, asides.
<article> <h2>This is a headline</hs> <p>content</p> <aside> <h3>Aside Headline</h3> <p>Aside content</p> </aside> <p>more content...</p> </article>
<figure> — The figure element is best used for an illustration, a diagram, or a photo.
<figcaption> — A figure caption element must always be inside the figure element, and it’s best used to contain the caption for a figure.
HTML5 adds many great new tags to a web designer’s toolkit, but that doesn’t mean you can’t still use tags from previous versions of HTML. For example, it’s still good practice in HTML5 to use the heading tags for headlines on a web page.
Even when you’re using the new <header> tag, we’ve formatted the most important headline text with the <h1> tag and the second most important text with the <h2> tag. Those good ol’ heading tags have been with us since the earliest versions of HTML and are still valuable today.