10.07.2015 Views

Building the User Interface by Using HTML5: Text, Graphics ... - server

Building the User Interface by Using HTML5: Text, Graphics ... - server

Building the User Interface by Using HTML5: Text, Graphics ... - server

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

32 | Lesson 2dates machine-readable on your Web page is that it helps search engines produce bettersearch results. For example: means <strong>the</strong> year 2013 means April 2013 means 15 April (any year)LICENSED PRODUCT NOT FOR RESALETwo o<strong>the</strong>r new elements are meter and progress. The meter element indicates content that’s afraction of a known range, such as disk usage. The progress element indicates <strong>the</strong> progress ofa task towards completion.Figure 2-8The mark element highlightsspecific textUSE THE MARK ELEMENTGET READY. To use <strong>the</strong> mark element to highlight text, perform <strong>the</strong> following steps:1. In your editing tool, open L2-pet-modified.html if it’s not already open.2. Modify <strong>the</strong> following paragraph <strong>by</strong> inserting <strong>the</strong> mark element around <strong>the</strong> text“friend for life”.Your dog is a friend for life.3. Create a new file <strong>by</strong> saving it as L2-pet-mark.html and view it in a Web browser.Figure 2-8 shows <strong>the</strong> highlighted text.Highlighted text4. Leave <strong>the</strong> editing tool and Web browser open if you’re continuing immediately to <strong>the</strong>next section.<strong>Text</strong> Elements Not Used in <strong>HTML5</strong>While new elements become available, <strong>the</strong> W3C earmarks o<strong>the</strong>r elements for eventualremoval because <strong>the</strong>ir functionality is no longer useful. Removing elements from <strong>the</strong>list of available HTML elements is referred to as deprecation. (The same thing appliesto attributes.)X REFLesson 4 explores CSSessentials and <strong>the</strong> separationof presentation(style) from content.Deprecation may be due to a new element replacing <strong>the</strong> functionality of an older element, or<strong>the</strong> preference of a new method of formatting over an older element.An example of <strong>the</strong> latteris formatting with Cascading Style Sheets (CSS). <strong>Using</strong> CSS to change <strong>the</strong> look and feel oftext, images, and o<strong>the</strong>r Web content separates style from content. The W3C has beennudging developers toward using CSS to control Web page formatting instead of usinglocal formatting for quite some time, and it’s clearly <strong>the</strong> method to be used in <strong>HTML5</strong>.

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

Saved successfully!

Ooh no, something went wrong!