Errata

HTML5 Step by Step

Errata for HTML5 Step by Step

The errata list is a list of errors and their corrections that were found after the product was released. If the error was corrected in a later version or reprint the date of the correction will be displayed in the column titled "Date Corrected".

The following errata were submitted by our customers and approved as valid errors by the author or editor.

Color key: Serious technical mistake Minor technical mistake Language or formatting error Typo Question Note Update

Version Location Description Submitted By Date submitted Date corrected
10
Tip

In the Tip:

Tip Not all Web browser software displays pages exactly the same way. For example, one
browser's idea of what text should look like might be different from another. It's a good idea
to check your pages in multiple Web browsers, such as Firefox, Netscape, and Opera. These are
available as free downloads from www.frefox.com, www.netscape.com, and www.opera.com,
respectively.

There is link and information about Netscape browser but there is no such browser anymore. The link leads to aol website (which probably owns the brand atm). The author probably meant Chrome from Google but by convention they wrote Netscape as it used to be in the old days.
Cheers,
Tomasz Kluza

Note from the Author or Editor:

The tip on page 10 read:

Not all Web browser software displays pages exactly the same way. For example, one browser's idea of what text should look like might be different from another. It's a good idea to check your pages in multiple Web browsers, such as Firefox, Chrome, and Opera. These are available as free downloads from www.firefox.com, www.google.com/chrome, and www.opera.com, respectively.

 Tomasz Kluza  Jan 18, 2011  Feb 01, 2011
PDF,
Page 11
Top

1. In Notepad, locate the word Iowa, and change it to Indiana, as shown in bold text
in the following code:
<p>Welcome to the Garden Company, located in the heart of Central Indiana.
</p>

This refers to the practice files opened in the previous excersise; both of the files located in the following two locations with in the downloadable practice files

In the practice files. Location = Documents\Microsoft Press\HTML5 SBS\01Editing folder

In the practice files. Location = Documents\Microsoft Press\HTML5 SBS\01Editing folder _Solutions ( welcome.html )

the word Iowa does not appear in the code:

Note from the Author or Editor:
The example file welcome.htm in Documents\Microsoft Press\HTML5 SBS\01Editing folder should be modified to replace the word Indiana with Iowa.

 Anonymous  Sep 22, 2011 
Printed
Page 15
bottom of the Note

"...Here's how the opening <html> tag should look in an XHTML document: <html xlmns="http..."

It should be

<html xmlns="http..."

Note from the Author or Editor:
In last line of note, change xlmns to xmlns.

Anonymous  Apr 14, 2011 
PDF
Page 18
Step 3

Closing tag is mistyped.

Currently reads:
<p>Welcome to The Garden Company! We hope you will find our site a useful
resource for becoming a better gardener.<p>

Should read:
<p>Welcome to The Garden Company! We hope you will find our site a useful
resource for becoming a better gardener.</p>

Note from the Author or Editor:
Change <p> to </p> in closing tag.

Currently reads:
<p>Welcome to The Garden Company! We hope you will find our site a useful resource for becoming a better gardener.<p>

Should read:
<p>Welcome to The Garden Company! We hope you will find our site a useful resource for becoming a better gardener.</p>

 Bob Verhey  Apr 13, 2011 
PDF
Page 34
2nd paragraph

In this excercise, you will add monospaced text to an existing page, and you will create a new page consisting of a poem and an ASCII graphic.

Where's the ASCII graphic example?

Note from the Author or Editor:
The ASCII graphic example was not included in this exercise. Change introductory text for exercise to:
In this excercise, you will add monospaced text to an existing page, and you will create a new page consisting of a poem.

 Anonymous  Dec 06, 2011 
Printed, PDF
Page 64
3rd paragraph from bottom - sample code that starts with "<body style="background-image..."

Minor error in example of code for making a baground image "fixed".

The sample code currently reads:
<body style="background-image: url(granite.gif); background-color: beige; background-attachment=fixed">


The last part of that code regarding the background attachment should read:
background-attachment: fixed"

I believe the equal sign in that part of the code should actually be a colon.

Note from the Author or Editor:
Equal sign should be replaced with a colon. Correct line is as follows:

<body style="background-image: url(granite.gif); background-color: beige; background-attachment: fixed">

 Marijane Kelly  Jun 09, 2011 
Printed
Page 89
2. In Notepad, in the <head> section, add the following:

Need semicolon after height 3

Should read height 3;

to work properly in all browsers.

Note from the Author or Editor:
Add semi-colon.
height 3;

 Anonymous  Aug 11, 2011 
Printed
Page 90
Item 6

The code for aligning an hr element to the left is: "margin-left: oem; ", but you have "text-algn: left:" instead.

Microsoft Press  Jul 03, 2013 
Printed
Page 100
Chapter 6, Item 7

You cite code as <link rel="stylesheet" type="text/css" href="default.css"> but this is incorrect and should be
<link rel="stylesheet" href="default.css">
type="text/css" was deprecated in html 5

Microsoft Press  Jul 03, 2013 
PDF
Page 116
SET UP

The purpose of the exercise is to see the effect of removing the underline from the text 'Contact the Webmaster'. However, the default.css file contains a version of the copyright class that does not define a background color. In index.htm, an inline style sets the color of the contact information to white. As a result, the text 'Contact the Webmaster' cannot be seen.

In \07Text\ApplyingStrike\default.css, change:
.copyright {font-family: "Times New Roman", "Times", serif;}

to

.copyright {font-family: "Times New Roman", "Times", serif; background-color: green;}

Note from the Author or Editor:
In \07Text\ApplyingStrike\default.css, change:
.copyright {font-family: "Times New Roman", "Times", serif;}

to

.copyright {font-family: "Times New Roman", "Times", serif; background-color: green;}

 Bob Verhey  Apr 14, 2011 
Printed
Page 136
step 1

The following code is what the book asks the user to input in the style area:

h1, h2, {text-align: center}

the right piece of code without the 2nd comma is:

h1, h2 {text-align: center}

Note from the Author or Editor:
Remove comma. Correct line should read:
h1, h2 {text-align: center}

 Anonymous  Sep 21, 2011 
PDF
Page 141
source code for chapter 9

In the source code for chapter 09Graphics there is a quotation mark missing: folder SizingImages:

<img src="images/lg-leaf.gif" style="float: left>

must read

<img src="images/lg-leaf.gif" style="float: left>"

cheers,
J?rgen Dubau

Note from the Author or Editor:
In HTML5 SBS\09Graphics\SizingImages
in the file index.htm

Change
<img src="images/lg-leaf.gif" style="float: left>
to
<img src="images/lg-leaf.gif" style="float: left">

 J?rgen Dubau  Feb 03, 2011 
PDF
Page 151
SET UP

Missing close quote causes page to be improperly displayed.

\09Graphics\SizingImages\index.htm

<img src="images/lg-leaf.gif" style="float: left>

should be

<img src="images/lg-leaf.gif" style="float: left">

Note from the Author or Editor:
In \09Graphics\SizingImages\index.htm

Change
<img src="images/lg-leaf.gif" style="float: left>
to
<img src="images/lg-leaf.gif" style="float: left">

 Bob Verhey  Apr 14, 2011 
PDF
Page 165
code for chapter 10

In the source code for chapter 10 is a quotation mark missing after the second equals sign:

<a href="images/holes.jpg" target="_blank" title=Holes or chewed areas"><img src="images/sm_holes.jpg" style="border: none"></a>

must read:

<a href="images/holes.jpg" target="_blank" title="Holes or chewed areas"><img src="images/sm_holes.jpg" style="border: none"></a>

Cheers,
J?rgen Dubau

Note from the Author or Editor:
In the file foliage-new.htm in
HTML5 SBS\10Navigation\Redirecting
and
HTML5 SBS\10Navigation\_Solutions

Change
<a href="images/holes.jpg" target="_blank" title=Holes or chewed areas"><img src="images/sm_holes.jpg" style="border: none"></a>

to
<a href="images/holes.jpg" target="_blank" title="Holes or chewed areas"><img src="images/sm_holes.jpg" style="border: none"></a>

 J?rgen Dubau  Feb 03, 2011 
PDF
Page 185
source code for chapter 11

another quotation mark is missing:

<div id=topnav">

must read
<div id="topnav">

Cheers,
Juergen Dubau

Note from the Author or Editor:
In the file HTML5 SBS\11Divisions\UsingSemantic\index2.htm, add a quotation mark as follows:

<div id=topnav">

changes to

<div id="topnav">

 Juergen Dubau  Feb 03, 2011 
PDF
Page 212
Line 8

Change:
table (height: 100%)
to
table {height: 100%}

Note from the Author or Editor:
replace parentheses with curly braces:
table {height: 100%}

 Bob Verhey  Apr 15, 2011 
PDF
Page 215
Line 6

Change:
table (height: 400px}
to
table {height: 400px}

Note from the Author or Editor:
change parentheses to curly braces.

Change:
table (height: 400px}
to
table {height: 400px}

 Bob Verhey  Apr 15, 2011 
PDF
Page 225
SET UP

index.htm cannot locate peaches.jpg at the specified location.

peaches.jpg is missing from the 12Tables\UsingTables\images directory.

Note from the Author or Editor:
Copy peaches.jpg from the _Solutions folder for Chapter 12 into the 12Tables\UsingTables\images folder.

 Bob Verhey  Apr 15, 2011 
PDF
Page 258
Step 8

? is the entity used to represent a non-breaking space. The ';' is missing in the code sample in step 8.

Change:
<td><input type="submit" value="Submit">?
<input type="reset" value="Clear"></td>
to
<td><input type="submit" value="Submit">?
<input type="reset" value="Clear"></td>

Note from the Author or Editor:

Change:
<td><input type="submit" value="Submit">&nbsp
<input type="reset" value="Clear"></td>
to
<td><input type="submit" value="Submit">&nbsp;
<input type="reset" value="Clear"></td>

 Bob Verhey  Apr 15, 2011 
PDF
Page 281
Step 5

Placement of download hyperlink breaks the video. The paragraph containing the download should be located outside the <video></video> tags.

Change:
5. Enter the following after the <embed> tag:
to
5. Enter the following after the </video> tag:

Note from the Author or Editor:
Change:
5. Enter the following after the <embed> tag:
to
5. Enter the following after the </video> tag:

 Bob Verhey  Apr 15, 2011 
PDF
Page 284
Step 1

Step 1 refers to the wrong file; audio.html does not exist.
Change:
1. Open the audio.html file contained in the source code for the book.
to
1. Open the index.htm file contained in the source code for the book.

Note from the Author or Editor:
Change:

1. Open the audio.html file contained in the source code for the book.
to
1. Open the index.htm file contained in the source code for the book.

 Bob Verhey  Apr 15, 2011 
Printed, PDF
Page 317
Figure, line # 18

Error is in practice file (index.htm).
Line 18 reads: <div id=topnav">
It should read: <div id="topnav">
The opening parenthesis is missing, hence the yellow highlight in Expression Web 4.

Note from the Author or Editor:
In Index.htm data file for Expression Web chapter, on line 18, change
<div id=topnav">
to
<div id="topnav">

 Art O'Connor  Feb 04, 2012 
PDF
Page 363
In "Tags Added in HTML5" section

Some of the tags that are mentioned as being covered in a previous chapter, were not. Specifically, command, datagrid, datalist, datatemplate, nest. There may be others, but I just noted these - the only reference to them in the index is to this page (363) in Appendix C.

Note from the Author or Editor:
Remove chapter numbers from Covered in Chapter column for the following tags:

command, datagrid, datalist, datatemplate, and nest

 Anonymous  May 17, 2011