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

More documents

Recommendations

Info

60 | Lesson 3 An example of markup for Previous-Home-Next links follows, with vertical bars after each navigation item to separate it from the others visually: Previous | Home | Next LICENSED PRODUCT NOT FOR RESALE The links would appear in a Web page as shown in Figure 3-6. Navigation is often displayed in a vertical list, which you’ll learn how to do later in this lesson. Figure 3-6 Previous-Home-Next navigation with vertical bars separating each link ADD THE NAV ELEMENT TO AN HTML DOCUMENT GET READY. To add the nav element to an HTML document, perform the following steps: 1. In your HTML editor or app development tool, open the L3-MyPage.html file (if it’s not already open) and save it as L3-MyPage-nav.html to create a new file. 2. Include the following nav tags and content within the tag: Selecting a Concert Style Symphonies | Raves This navigation block will link to the Symphonies and Raves sections in the HTML document. 3. To make the links work, modify the Symphones and Raves heads as follows: Symphonies Raves
Building the User Interface by Using HTML5: Organization, Input, and Validation | 61 4. Resave the file as L3-MyPage-nav.html and then open it in a Web browser. The navigation links would appear in a Web page as shown in Figure 3-7. Figure 3-7 Page with newly added navigation links LICENSED PRODUCT NOT FOR RESALE Navigation links 5. Leave the editing tool and Web browser open if you continue to the next exercise during this session. THE ARTICLE ELEMENT The article element defines a part of an HTML document that consists of a “selfcontained composition” that is independent from the rest of the content in the document. Content set off by tags can be distributed in syndication, so think of it as content that makes sense on its own. (Web syndication is the process of making content from one Web site available to many Web sites.). TAKE NOTE * The W3C encourages use of the article element rather than the section element for any content that could be syndicated Examples of content suitable for tagging with include a magazine article, a blog entry, or content for an RSS feed. You can also use the article element for About and Contact content, which are independent from the rest of the page on which they reside but aren’t necessarily going to be syndicated. THE ASIDE ELEMENT The aside element is used to set off content that’s related to the current topic but would interrupt the flow of the document if left inline. Essentially, the aside element is used for information that lends itself to sidebars and notes. This content might give a more detailed look at a topic, offer related reading links, or display definitions for keywords in the paragraph. The aside element doesn’t change the position of content or how the content displays; it simply lets the browser and search engines know that it’s related content.
Page 1 and 2: Building the User Interface by Usin
Page 7: Building the User Interface by Usin

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

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

Delete template?

Save as template?