23.05.2015 Views

Building the User Interface by Using HTML5: Organization ... - server

Building the User Interface by Using HTML5: Organization ... - server

Building the User Interface by Using HTML5: Organization ... - server

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

<strong>Building</strong> <strong>the</strong> <strong>User</strong> <strong>Interface</strong> <strong>by</strong> <strong>Using</strong> <strong>HTML5</strong>: <strong>Organization</strong>, Input, and Validation | 61<br />

4. Resave <strong>the</strong> file as L3-MyPage-nav.html and <strong>the</strong>n open it in a Web browser. The<br />

navigation links would appear in a Web page as shown in Figure 3-7.<br />

Figure 3-7<br />

Page with newly added<br />

navigation links<br />

LICENSED PRODUCT NOT FOR RESALE<br />

Navigation<br />

links<br />

5. Leave <strong>the</strong> editing tool and Web browser open if you continue to <strong>the</strong> next exercise<br />

during this session.<br />

THE ARTICLE ELEMENT<br />

The article element defines a part of an HTML document that consists of a “selfcontained<br />

composition” that is independent from <strong>the</strong> rest of <strong>the</strong> content in <strong>the</strong> document.<br />

Content set off <strong>by</strong> tags can be distributed in syndication, so think of it as content<br />

that makes sense on its own. (Web syndication is <strong>the</strong> process of making content from<br />

one Web site available to many Web sites.).<br />

TAKE NOTE<br />

*<br />

The W3C encourages use of <strong>the</strong> article element ra<strong>the</strong>r than <strong>the</strong> section element for any<br />

content that could be syndicated<br />

Examples of content suitable for tagging with include a magazine article, a blog<br />

entry, or content for an RSS feed. You can also use <strong>the</strong> article element for About and<br />

Contact content, which are independent from <strong>the</strong> rest of <strong>the</strong> page on which <strong>the</strong>y reside but<br />

aren’t necessarily going to be syndicated.<br />

THE ASIDE ELEMENT<br />

The aside element is used to set off content that’s related to <strong>the</strong> current topic but<br />

would interrupt <strong>the</strong> flow of <strong>the</strong> document if left inline. Essentially, <strong>the</strong> aside element<br />

is used for information that lends itself to sidebars and notes. This content might give<br />

a more detailed look at a topic, offer related reading links, or display definitions for<br />

keywords in <strong>the</strong> paragraph. The aside element doesn’t change <strong>the</strong> position of content<br />

or how <strong>the</strong> content displays; it simply lets <strong>the</strong> browser and search engines know that it’s<br />

related content.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!