/
3887.htm
3737 lines (2501 loc) · 149 KB
/
3887.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 11">
<meta name=Originator content="Microsoft Word 11">
<link rel=File-List href="1590597478_files/filelist.xml">
<link rel=Preview href="1590597478_files/preview.wmf">
<title>Errata</title>
<!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Author>Craig Cook</o:Author>
<o:Template>Normal</o:Template>
<o:LastAuthor>Richard</o:LastAuthor>
<o:Revision>2</o:Revision>
<o:TotalTime>499</o:TotalTime>
<o:Created>2008-01-24T23:56:00Z</o:Created>
<o:LastSaved>2008-01-24T23:56:00Z</o:LastSaved>
<o:Pages>1</o:Pages>
<o:Words>8794</o:Words>
<o:Characters>50128</o:Characters>
<o:Company>Apress</o:Company>
<o:Lines>417</o:Lines>
<o:Paragraphs>117</o:Paragraphs>
<o:CharactersWithSpaces>58805</o:CharactersWithSpaces>
<o:Version>11.6360</o:Version>
</o:DocumentProperties>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:GrammarState>Clean</w:GrammarState>
<w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery>
<w:DisplayVerticalDrawingGridEvery>0</w:DisplayVerticalDrawingGridEvery>
<w:UseMarginsForDrawingGridOrigin/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:UseWord2002TableStyleRules/>
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
</w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" LatentStyleCount="156">
</w:LatentStyles>
</xml><![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Andale Mono";
mso-font-alt:"Courier New";
mso-font-charset:0;
mso-generic-font-family:auto;
mso-font-pitch:variable;
mso-font-signature:50331648 0 0 0 1 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin-top:6.0pt;
margin-right:0in;
margin-bottom:6.0pt;
margin-left:0in;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
h1
{mso-style-next:Normal;
margin-top:12.0pt;
margin-right:0in;
margin-bottom:3.0pt;
margin-left:0in;
mso-pagination:widow-orphan;
page-break-after:avoid;
mso-outline-level:1;
font-size:16.0pt;
font-family:"Times New Roman";
mso-font-kerning:16.0pt;
mso-bidi-font-weight:normal;}
h2
{mso-style-next:Normal;
margin-top:12.0pt;
margin-right:0in;
margin-bottom:3.0pt;
margin-left:0in;
mso-pagination:widow-orphan;
page-break-after:avoid;
mso-outline-level:2;
font-size:14.0pt;
font-family:"Times New Roman";
mso-bidi-font-weight:normal;}
h3
{mso-style-next:Normal;
margin-top:.25in;
margin-right:0in;
margin-bottom:9.0pt;
margin-left:0in;
mso-pagination:widow-orphan;
page-break-after:avoid;
mso-outline-level:3;
font-size:12.0pt;
mso-bidi-font-size:13.0pt;
font-family:"Times New Roman";
mso-bidi-font-weight:normal;}
p.MsoBodyText, li.MsoBodyText, div.MsoBodyText
{margin-top:6.0pt;
margin-right:0in;
margin-bottom:6.0pt;
margin-left:0in;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
p.code, li.code, div.code
{mso-style-name:code;
margin:0in;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
mso-bidi-font-size:12.0pt;
font-family:"Andale Mono";
mso-fareast-font-family:"Times New Roman";
mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman";
mso-no-proof:yes;}
p.Production, li.Production, div.Production
{mso-style-name:Production;
mso-style-update:auto;
mso-style-parent:"";
mso-style-next:"Body Text";
margin-top:12.0pt;
margin-right:0in;
margin-bottom:12.0pt;
margin-left:0in;
mso-pagination:widow-orphan lines-together;
page-break-after:avoid;
font-size:12.0pt;
mso-bidi-font-size:10.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";
color:blue;
font-weight:bold;
mso-bidi-font-weight:normal;
font-style:italic;
mso-bidi-font-style:normal;}
span.GramE
{mso-style-name:"";
mso-gram-e:yes;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.25in 1.0in 1.25in;
mso-header-margin:.5in;
mso-footer-margin:.5in;
mso-paper-source:0;}
div.Section1
{page:Section1;}
/* List Definitions */
@list l0
{mso-list-id:262686159;
mso-list-type:hybrid;
mso-list-template-ids:-1202147556 984073 1639433 1770505 984073 1639433 1770505 984073 1639433 1770505;}
@list l0:level1
{mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1
{mso-list-id:740713502;
mso-list-type:hybrid;
mso-list-template-ids:593768220 984073 1639433 1770505 984073 1639433 1770505 984073 1639433 1770505;}
@list l1:level1
{mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2
{mso-list-id:818424440;
mso-list-type:hybrid;
mso-list-template-ids:1261348310 984073 1639433 1770505 984073 1639433 1770505 984073 1639433 1770505;}
@list l2:level1
{mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l3
{mso-list-id:1170608217;
mso-list-type:hybrid;
mso-list-template-ids:2101521442 984073 1639433 1770505 984073 1639433 1770505 984073 1639433 1770505;}
@list l3:level1
{mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;}
ol
{margin-bottom:0in;}
ul
{margin-bottom:0in;}
-->
</style>
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin:0in;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";
mso-ansi-language:#0400;
mso-fareast-language:#0400;
mso-bidi-language:#0400;}
</style>
<![endif]--><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="2050"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1"/>
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-US style='tab-interval:.5in'>
<div class=Section1>
<h1>Errata</h1>
<h2>Beginning HTML with CSS and XHTML (ISBN 1-59059-747-8)</h2>
<p class=MsoNormal><b style='mso-bidi-font-weight:normal'>David Schultz and
Craig Cook<o:p></o:p></b></p>
<p class=MsoBodyText>The most vital fixes (especially technical errors in code)
have <b style='mso-bidi-font-weight:normal'><span style='color:red'>red
headings</span></b>. Least vital fixes (the nitpicky grammar and style ones)
have <b style='mso-bidi-font-weight:normal'><span style='color:gray'>gray
headings</span></b>. Normal black headings are medium-level fixes (higher
priority than gray, not as important as red).</p>
<p class=MsoNormal><b style='mso-bidi-font-weight:normal'><o:p> </o:p></b></p>
<h1>Front Matter</h1>
<h3><span style='color:gray'>Front Matter, page XIX, end of third paragraph:<o:p></o:p></span></h3>
<p class=MsoNormal>My joke falls flat since it wound up flowing onto a second
page after all.</p>
<p class=MsoNormal>Currently reads: “and many others equally deserving of being
name dropped, but I’m trying to keep this to one page.”</p>
<p class=MsoNormal>Should read: “and many others equally deserving of <span
class=GramE>a name-drop</span>.”</p>
<h1>Chapter 1 – Getting Started</h1>
<h3><span style='color:red'>Chapter 1, page 18, second bullet<o:p></o:p></span></h3>
<p class=MsoNormal>Currently reads: “<span style='font-size:10.0pt;mso-bidi-font-size:
12.0pt;font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman";mso-no-proof:yes'>jp</span> for
Japanese”</p>
<p class=MsoNormal>Should read: “<span style='font-size:10.0pt;mso-bidi-font-size:
12.0pt;font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman";mso-no-proof:yes'>ja</span> for
Japanese”</p>
<h1>Chapter 2 – XHTML and CSS Basics</h1>
<h3><span style='color:gray'>Chapter 2, page 21, third paragraph<o:p></o:p></span></h3>
<p class=MsoNormal>“Standards mode” is also a very common term that we should
introduce here.</p>
<p class=MsoNormal>Currently reads: “a mode known as compliance mode or strict
mode.”</p>
<p class=MsoNormal><span class=GramE>Should read: “a mode known as compliance
mode, strict mode, or standards mode.”</span></p>
<h3><span style='color:gray'>Chapter 2, page 28, pseudo class code example<o:p></o:p></span></h3>
<p class=MsoNormal>The example code should appear in this order:</p>
<p class=code>:link { color: blue; } </p>
<p class=code>:visited { color: purple; } </p>
<p class=code>:hover { color: green; }</p>
<p class=code>:active { color: red; }</p>
<p class=code>:focus { color: orange; } </p>
<h3><span style='color:gray'>Chapter 2, page 28, third paragraph<o:p></o:p></span></h3>
<p class=MsoNormal>The pseudo classes should be described in the text in the
same order in which they appear in the code example, <span class=GramE>with
:active</span> coming after :hover.</p>
<p class=MsoNormal>Currently reads: </p>
<p class=MsoNormal><span class=GramE>The <span style='font-size:10.0pt;
mso-bidi-font-size:12.0pt;font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman"'>:active</span></span> pseudo class
selects links in an active state, during that interval while they’re being
activated (while clicking a mouse or pressing the Enter or Return key). <span
class=GramE>The <span style='font-size:10.0pt;mso-bidi-font-size:12.0pt;
font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";mso-bidi-font-family:
"Times New Roman"'>:hover</span></span> pseudo class selects any element that
is being “hovered” over by a user’s pointing device. Although any element can
be in a hover state, this most commonly applies to links (though some older
browsers supported this pseudo class only for links and no other elements).</p>
<p class=MsoNormal>Should read:</p>
<p class=MsoNormal><span class=GramE>The <span style='font-size:10.0pt;
mso-bidi-font-size:12.0pt;font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman"'>:hover</span></span> pseudo class
selects any element that is being “hovered” over by a user’s pointing device.
Although any element can be in a hover state, this most commonly applies to
links (though some older browsers supported this pseudo class only for links
and no other elements). <span class=GramE>The <span style='font-size:10.0pt;
mso-bidi-font-size:12.0pt;font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman"'>:active</span></span> pseudo class
selects links in an active state, during that interval while they’re being
activated (while clicking a mouse or pressing the Enter or Return key).</p>
<h3><span style='color:red'>Chapter 2, page 35, third full paragraph<o:p></o:p></span></h3>
<p class=MsoNormal><span class=GramE>Technical error.</span> This statement is
incorrect.</p>
<p class=MsoNormal>Delete the sentence: “Rules embedded in a document's <span
style='font-size:10.0pt;mso-bidi-font-size:12.0pt;font-family:"Andale Mono";
mso-hansi-font-family:"Andale Mono";mso-bidi-font-family:"Times New Roman";
mso-no-proof:yes'>style</span> element are processed after all external style
sheets.”</p>
<h3><span style='color:red'>Chapter 2, page 35, numbered list<o:p></o:p></span></h3>
<p class=MsoNormal><span class=GramE>Technical error.</span> Embedded styles
fall on the same level as external styles in the cascade order.</p>
<p class=MsoNormal>Currently reads:</p>
<ol style='margin-top:0in' start=1 type=1>
<li class=MsoNormal style='mso-list:l3 level1 lfo2;tab-stops:list .5in'>Browser
style sheet </li>
<li class=MsoNormal style='mso-list:l3 level1 lfo2;tab-stops:list .5in'>User
style sheet </li>
<li class=MsoNormal style='mso-list:l3 level1 lfo2;tab-stops:list .5in'>External
author style sheets (in the order in which they’re linked) </li>
<li class=MsoNormal style='mso-list:l3 level1 lfo2;tab-stops:list .5in'>Embedded
author style sheets (in the order in which they occur) </li>
<li class=MsoNormal style='mso-list:l3 level1 lfo2;tab-stops:list .5in'>Inline
author styles</li>
</ol>
<p class=MsoNormal>Should read:</p>
<ol style='margin-top:0in' start=1 type=1>
<li class=MsoNormal style='mso-list:l2 level1 lfo4;tab-stops:list .5in'>Browser
style sheet</li>
<li class=MsoNormal style='mso-list:l2 level1 lfo4;tab-stops:list .5in'>User
style sheet</li>
<li class=MsoNormal style='mso-list:l2 level1 lfo4;tab-stops:list .5in'>Author
style sheets (in the order in which they're linked or embedded)</li>
<li class=MsoNormal style='mso-list:l2 level1 lfo4;tab-stops:list .5in'>Inline
author styles</li>
</ol>
<h1>Chapter 3 – Moving <span class=GramE>A<</span>head></h1>
<h3><span style='color:red'>Chapter 3, page 41, third paragraph<o:p></o:p></span></h3>
<p class=MsoNormal>Coverage of the document was moved to Ch2 in a later draft.</p>
<p class=MsoNormal>Currently reads: “Chapter 1 presented the basic structure of
an XHTML document. Based on the sample presented in Chapter 1 and the rules
presented in Chapter 2”</p>
<p class=MsoNormal><span class=GramE>Should read: “Chapter 2 presented the
basic structure of an XHTML document.</span> Based on the example and rules
covered in Chapter 2”</p>
<h3>Chapter 3, page 41, third paragraph</h3>
<p class=MsoNormal>The head cannot contain itself, so this should be rephrased.</p>
<p class=MsoNormal>Currently reads: "The <span style='font-size:10.0pt;
mso-bidi-font-size:12.0pt;font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman"'>head</span> section must contain the <span
style='font-size:10.0pt;mso-bidi-font-size:12.0pt;font-family:"Andale Mono";
mso-hansi-font-family:"Andale Mono";mso-bidi-font-family:"Times New Roman"'>head</span>
element, and it may contain" </p>
<p class=MsoNormal>Should read: "The head section is defined by the <span
style='font-size:10.0pt;mso-bidi-font-size:12.0pt;font-family:"Andale Mono";
mso-hansi-font-family:"Andale Mono";mso-bidi-font-family:"Times New Roman"'>head</span>
element, which may contain"</p>
<h3>Chapter 3, page 41, third paragraph</h3>
<p class=MsoNormal>“I” should be “we”</p>
<p class=MsoNormal>Currently reads: "I describe each of these
elements" </p>
<p class=MsoNormal>Should read: "We will describe each of these
elements"</p>
<h3>Chapter 3, page 41, fourth paragraph</h3>
<p class=MsoNormal>“I” should be “we”</p>
<p class=MsoNormal>Currently reads: “For each tag, I present a summary of the
available attributes. I break the attributes down into three sections:
required, optional, and standard.”</p>
<p class=MsoNormal>Should read: “For each element, we’ll present a summary of
the available attributes, broken down into three categories: required,
optional, and standard.”</p>
<h3>Chapter 3, page 42, Optional Attributes</h3>
<p class=MsoNormal>Typo; attributes shouldn’t be capitalized.</p>
<p class=MsoNormal>Currently reads: <span style='font-size:10.0pt;mso-bidi-font-size:
12.0pt;font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman"'>Profile</span></p>
<p class=MsoNormal>Should read: <span style='font-size:10.0pt;mso-bidi-font-size:
12.0pt;font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman"'>profile</span></p>
<h3><span style='color:gray'>Chapter 3, page 42, first paragraph after Usage<o:p></o:p></span></h3>
<p class=MsoNormal>The head element should never be empty (requires a title).</p>
<p class=MsoNormal>Currently reads: "an empty <span style='font-size:10.0pt;
mso-bidi-font-size:12.0pt;font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman"'>head</span> element" </p>
<p class=MsoNormal>Should read: "a basic <span style='font-size:10.0pt;
mso-bidi-font-size:12.0pt;font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman"'>head</span> element" </p>
<h3><span style='color:gray'>Chapter 3, page 42, Listing 3-1 caption<o:p></o:p></span></h3>
<p class=MsoNormal>The head element should never be empty (requires a title).</p>
<p class=MsoNormal>Currently reads: "An Empty head Element" </p>
<p class=MsoNormal>Should read: "A Basic head Element" </p>
<h3><span style='color:red'>Chapter 3, page 42, Listing 3-1<o:p></o:p></span></h3>
<p class=MsoNormal>The code is invalid; the head element must contain a title
element. Also, the doctype should be two lines, not three, with the second line
indented two spaces (consistent with code examples in the rest of the book).
The html element requires an xmlns attribute, and language attributes are
recommended (though optional).</p>
<p class=MsoNormal>Currently reads:</p>
<p class=code><!DOCTYPE html </p>
<p class=code>PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" </p>
<p class=code>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
</p>
<p class=code><html> </p>
<p class=code><span style='mso-spacerun:yes'> </span><head> </p>
<p class=code><span style='mso-spacerun:yes'> </span></head> </p>
<p class=code><span style='mso-spacerun:yes'> </span><body> </p>
<p class=code><span style='mso-spacerun:yes'> </span></body> </p>
<p class=code></html></p>
<p class=MsoNormal>Should read:</p>
<p class=code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN" </p>
<p class=code><span style='mso-spacerun:yes'>
</span>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> </p>
<p class=code><html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en"> </p>
<p class=code><span style='mso-spacerun:yes'> </span><head> </p>
<p class=code><span style='mso-spacerun:yes'>
</span><title>Example</title></p>
<p class=code><span style='mso-spacerun:yes'> </span></head> </p>
<p class=code><span style='mso-spacerun:yes'> </span><body> </p>
<p class=code><span style='mso-spacerun:yes'> </span></body> </p>
<p class=code></html> </p>
<h3><span style='color:red'>Chapter 3, page 43, Listing 3-2<o:p></o:p></span></h3>
<p class=MsoNormal>The code is invalid; the head element must contain a title
element. There should be no leading space in the value of the href attribute.
The img element must reside in a block-level container. Required xmlns is
missing. The doctype should be two lines and lines should be indented only two
spaces.</p>
<p class=MsoNormal>Currently reads: </p>
<p class=code><!DOCTYPE html </p>
<p class=code>PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" </p>
<p class=code>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
</p>
<p class=code><html> </p>
<p class=code><span style='mso-spacerun:yes'> </span><head> </p>
<p class=code><span style='mso-spacerun:yes'> </span><base
href=" http://www.apress.com/images/" /> </p>
<p class=code><span style='mso-spacerun:yes'> </span></head> </p>
<p class=code><span style='mso-spacerun:yes'> </span><body> </p>
<p class=code><span style='mso-spacerun:yes'> </span><img
src="logo.gif" alt="The Apress logo" /> </p>
<p class=code><span style='mso-spacerun:yes'> </span></body> </p>
<p class=code></html></p>
<p class=MsoNormal>Should read:</p>
<p class=code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN" </p>
<p class=code><span style='mso-spacerun:yes'>
</span>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> </p>
<p class=code><html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en"> </p>
<p class=code><span style='mso-spacerun:yes'> </span><head> </p>
<p class=code><span style='mso-spacerun:yes'>
</span><title>Example</title></p>
<p class=code><span style='mso-spacerun:yes'> </span><base
href="http://www.apress.com/images/" /></p>
<p class=code><span style='mso-spacerun:yes'> </span></head> </p>
<p class=code><span style='mso-spacerun:yes'> </span><body></p>
<p class=code><span style='mso-spacerun:yes'> </span><p><img
src="logo.gif" alt="The Apress logo" /></p> </p>
<p class=code><span style='mso-spacerun:yes'> </span></body> </p>
<p class=code></html> </p>
<h3>Chapter 3, page 44, first sentence</h3>
<p class=MsoNormal>Repeated word: "The link element defines <b
style='mso-bidi-font-weight:normal'>defines</b> the relationship between two
linked documents."</p>
<h3><span style='color:red'>Chapter 3, page 45, Usage<o:p></o:p></span></h3>
<p class=MsoNormal>The example code is invalid; the head element must contain a
title element.</p>
<p class=MsoNormal>Currently reads:</p>
<p class=code><head> </p>
<p class=code><span style='mso-spacerun:yes'> </span><link
rel="stylesheet" type="text/css" href="main.css"
/> </p>
<p class=code></head> </p>
<p class=MsoNormal>Should read:</p>
<p class=code><head></p>
<p class=code><span style='mso-spacerun:yes'>
</span><title>Example</title></p>
<p class=code><span style='mso-spacerun:yes'> </span><link
rel="stylesheet" type="text/css" href="main.css"
/> </p>
<p class=code></head></p>
<h3>Chapter 3, page 45</h3>
<p class=MsoNormal><span class=GramE>The heading “<meta>” should be
“meta” without angle brackets.</span></p>
<h3>Chapter 3, page 45, second paragraph</h3>
<p class=MsoNormal>All three instances of the phrase “<span style='font-size:
10.0pt;mso-bidi-font-size:12.0pt;font-family:"Andale Mono";mso-hansi-font-family:
"Andale Mono";mso-bidi-font-family:"Times New Roman";mso-no-proof:yes'><meta></span>
tag” should read “<span style='font-size:10.0pt;mso-bidi-font-size:12.0pt;
font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";mso-bidi-font-family:
"Times New Roman";mso-no-proof:yes'>meta</span> element” without angle
brackets.</p>
<h3><span style='color:gray'>Chapter 3, page 46, Tip<o:p></o:p></span></h3>
<p class=MsoNormal>The URL should omit the "#google" fragment
identifier, which jumps directly to the Google-specific section of the page. </p>
<p class=MsoNormal>Currently reads: “<span style='font-size:10.0pt;mso-bidi-font-size:
12.0pt;font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman"'>http://www.webmarketingnow.com/tips/meta-tags-uncovered.html#google</span>”</p>
<p class=MsoNormal>Should read: “<span style='font-size:10.0pt;mso-bidi-font-size:
12.0pt;font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman"'>http://www.webmarketingnow.com/tips/meta-tags-uncovered.html</span>”</p>
<h3>Chapter 3, page 46</h3>
<p class=MsoNormal>The heading “<script>” should be “script” without
angle brackets.</p>
<h3>Chapter 3, page 46, last paragraph</h3>
<p class=MsoNormal>Currently reads: “The <span style='font-size:10.0pt;
mso-bidi-font-size:12.0pt;font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman";mso-no-proof:yes'><script></span>
tag plays a key role”</p>
<p class=MsoNormal>Should read: “The <span style='font-size:10.0pt;mso-bidi-font-size:
12.0pt;font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman";mso-no-proof:yes'>script</span> element
plays a key role”</p>
<h3>Chapter 3, page 47</h3>
<p class=MsoNormal>The heading “<style>” should be “style” without angle
brackets.</p>
<h3>Chapter 3, page 47, second paragraph</h3>
<p class=MsoNormal>Currently reads: “The last chapter briefly introduced the <span
style='font-size:10.0pt;mso-bidi-font-size:12.0pt;font-family:"Andale Mono";
mso-hansi-font-family:"Andale Mono";mso-bidi-font-family:"Times New Roman";
mso-no-proof:yes'><style></span> tag when discussing internal style
sheets. The sole purpose of the <span style='font-size:10.0pt;mso-bidi-font-size:
12.0pt;font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman";mso-no-proof:yes'><style></span>
tag is to create internal style sheets for your document.”</p>
<p class=MsoNormal><span class=GramE>Should read: “The last chapter briefly
introduced the <span style='font-size:10.0pt;mso-bidi-font-size:12.0pt;
font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";mso-bidi-font-family:
"Times New Roman";mso-no-proof:yes'>style</span> element when discussing
embedded style sheets.</span> The sole purpose of the <span style='font-size:
10.0pt;mso-bidi-font-size:12.0pt;font-family:"Andale Mono";mso-hansi-font-family:
"Andale Mono";mso-bidi-font-family:"Times New Roman";mso-no-proof:yes'>style</span>
element is to embed style sheets in your document.”</p>
<h3><span style='color:red'>Chapter 4, page 48, Usage<o:p></o:p></span></h3>
<p class=MsoNormal>This fix goes along with the following critical code fix.</p>
<p class=MsoNormal>Currently reads: “while making the text on the printed page
12 pixels.”</p>
<p class=MsoNormal><span class=GramE>Should read: “while making the text on the
printed page 12 points.”</span></p>
<h3><span style='color:red'>Chapter 3, page 48, Listing 3-3<o:p></o:p></span></h3>
<p class=MsoNormal>The CSS shown won't work because there is no such element as
"ptext"; this should be a combined element.class selector, but the
dot is missing. Points are the preferred unit when sizing type for print. The
code should also be formatted more consistently with CSS shown elsewhere in the
book.</p>
<p class=MsoNormal>Currently reads:</p>
<p class=code><style type="text/css"> </p>
<p class=code><span style='mso-spacerun:yes'> </span>@media screen </p>
<p class=code><span style='mso-spacerun:yes'> </span>{ </p>
<p class=code><span style='mso-spacerun:yes'> </span>ptext
{font-size:16px} </p>
<p class=code><span style='mso-spacerun:yes'> </span>} </p>
<p class=code><span style='mso-spacerun:yes'> </span>@media print </p>
<p class=code><span style='mso-spacerun:yes'> </span>{ </p>
<p class=code><span style='mso-spacerun:yes'> </span>ptext
{font-size:12px} </p>
<p class=code><span style='mso-spacerun:yes'> </span>} </p>
<p class=code><span style='mso-spacerun:yes'> </span>@media screen,print </p>
<p class=code><span style='mso-spacerun:yes'> </span>{ </p>
<p class=code><span style='mso-spacerun:yes'> </span>ptext
{font-weight:normal} </p>
<p class=code><span style='mso-spacerun:yes'> </span>} </p>
<p class=code></style></p>
<p class=MsoNormal>Should read:</p>
<p class=code><style type="text/css"> </p>
<p class=code><span style='mso-spacerun:yes'> </span>@media screen { </p>
<p class=code><span style='mso-spacerun:yes'> </span>p.text { font-size:
16px; } </p>
<p class=code><span style='mso-spacerun:yes'> </span>}</p>
<p class=code><o:p> </o:p></p>
<p class=code><span style='mso-spacerun:yes'> </span>@media print { </p>
<p class=code><span style='mso-spacerun:yes'> </span>p.text { font-size:
12pt; } </p>
<p class=code><span style='mso-spacerun:yes'> </span>} </p>
<p class=code><o:p> </o:p></p>
<p class=code><span style='mso-spacerun:yes'> </span>@media screen,print { </p>
<p class=code><span style='mso-spacerun:yes'> </span>p.text { font-weight:
normal; } </p>
<p class=code><span style='mso-spacerun:yes'> </span>} </p>
<p class=code></style></p>
<h3><span style='color:red'>Chapter 3, page 49, Tip<o:p></o:p></span></h3>
<p class=MsoNormal>The example code is invalid and won't work. <span
class=GramE>An</span> @import rule requires a URL designated by the url
keyword, with the URL itself in parentheses, and the rule must be terminated by
a semicolon. While we’re fixing it, the URL should use the placeholder domain
"example.com" to be consistent with other examples in the book
(mysite.com is a real web hosting company). </p>
<p class=MsoNormal>Currently reads:</p>
<p class=code><style type="text/css"> </p>
<p class=code><span style='mso-spacerun:yes'> </span><b style='mso-bidi-font-weight:
normal'>@import "http://www.mysite.com/css/style.css" <o:p></o:p></b></p>
<p class=code></style></p>
<p class=MsoNormal>Should read:</p>
<p class=code><style type="text/css"></p>
<p class=code><span style='mso-spacerun:yes'> </span><b style='mso-bidi-font-weight:
normal'>@import url("http://www.example.com/css/style.css");<o:p></o:p></b></p>
<p class=code></style></p>
<h3><span style='color:red'>Chapter 3, page 50, Listing 3-4<o:p></o:p></span></h3>
<p class=MsoNormal>Doctype should be on two lines, consistent with code
examples throughout the book. The required xmlns attribute is missing.</p>
<p class=MsoNormal>Currently reads:</p>
<p class=code><!DOCTYPE html </p>
<p class=code>PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" </p>
<p class=code>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></p>
<p class=code><html> </p>
<p class=MsoNormal>Should read:</p>
<p class=code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN" </p>
<p class=code><span style='mso-spacerun:yes'>
</span>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></p>
<p class=code><html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en"> </p>
<h1>Chapter 4 – Adding Content</h1>
<h3><span style='color:red'>Chapter 4, page 81, Listing 4-18<o:p></o:p></span></h3>
<p class=MsoNormal>The closing <span style='font-size:10.0pt;mso-bidi-font-size:
12.0pt;font-family:"Andale Mono";mso-hansi-font-family:"Andale Mono";
mso-bidi-font-family:"Times New Roman"'></code></span> should be bold.</p>
<h3><span style='color:gray'>Chapter 4, page 93, third paragraph<o:p></o:p></span></h3>
<p class=MsoNormal>Currently reads: “and prevent them from being treated as
tags.” </p>
<p class=MsoNormal><span class=GramE>Should read: “and prevent them from being
treated as part of a tag.”</span></p>
<h3><span style='color:red'>Chapter 4, page 95, fourth paragraph<o:p></o:p></span></h3>
<p class=MsoNormal><span class=GramE>Typo.</span> Currently reads: "from
an ancestor element to its <b style='mso-bidi-font-weight:normal'>descendent</b>
elements" </p>
<p class=MsoNormal>Should read: “from an ancestor element to its <b
style='mso-bidi-font-weight:normal'>descendant</b> elements”</p>
<h1>Chapter 5 – Using Images</h1>
<h3><span style='color:gray'>Chapter 5, page 106, Figure 5-1<o:p></o:p></span></h3>
<p class=MsoNormal>This image came out a bit darker in print than I
anticipated. Can we replace it with a slightly brightened version? (<b
style='mso-bidi-font-weight:normal'>7478f0501_2p.tif</b>)</p>
<h3><span style='color:gray'>Chapter 5, page 108, Figure 5-1<o:p></o:p></span></h3>
<p class=MsoNormal>This image also printed darker than planned. I’m including a
brighter version, both in EPS (<b style='mso-bidi-font-weight:normal'>7478f0502_2p.eps</b>)
and the linked TIFF file (<b style='mso-bidi-font-weight:normal'>7478f0502_2p.tif</b>).</p>
<h3><span style='color:gray'>Chapter 5, page 109, last paragraph, first
sentence<o:p></o:p></span></h3>
<p class=MsoNormal><span class=GramE>Typo.</span> Currently reads: “Portable
Network Graphic”</p>
<p class=MsoNormal>Should read: “Portable Network Graphic<b style='mso-bidi-font-weight:
normal'>s</b>”</p>
<h3><span style='color:gray'>Chapter 5, page 118, first paragraph<o:p></o:p></span></h3>
<p class=MsoNormal>My definition of an image map is inaccurate. The map is
actually the code, not the image.</p>
<p class=MsoNormal>Currently reads: “An <i style='mso-bidi-font-style:normal'>image
map</i> is an image where certain areas have been designated as hyperlinks”</p>
<p class=MsoNormal>Should read: “An <i style='mso-bidi-font-style:normal'>image
map</i> is a set of coordinates that defines regions of an image that act as
hyperlinks”</p>
<h3><span style='color:gray'>Chapter 5, page 118, first paragraph<o:p></o:p></span></h3>
<p class=MsoNormal>Currently reads: “declares that this image will be used as a
<i style='mso-bidi-font-style:normal'>server-side</i> image map”</p>
<p class=MsoNormal>Should read: “declares that the image is rendered with a <i
style='mso-bidi-font-style:normal'>server-side</i> image map”</p>
<h3><span style='color:gray'>Chapter 5, page 118, second paragraph<o:p></o:p></span></h3>
<p class=MsoNormal><span class=GramE>Grammar.</span> Currently reads: “None of
these is valid in XHTML”</p>
<p class=MsoNormal>Should read: “None of these <b style='mso-bidi-font-weight:
normal'>are</b> valid in XHTML”</p>
<h3><span style='color:gray'>Chapter 5, page 126, second paragraph<o:p></o:p></span></h3>
<p class=MsoNormal><span class=GramE>Punctuation.</span> Currently reads: “The
property takes two values, one for the horizontal”</p>
<p class=MsoNormal>Should read: “The property takes two values<b
style='mso-bidi-font-weight:normal'>:</b> one for the horizontal”</p>
<h1>Chapter 6 – Linking to the Web</h1>
<h3>Chapter 6, page 131</h3>
<p class=MsoNormal>The heading “<a>” should be “a” without angle
brackets.</p>
<h3><span style='color:red'>Chapter 6, page 131, third paragraph<o:p></o:p></span></h3>
<p class=MsoNormal style='mso-pagination:none;tab-stops:28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 3.5in 280.0pt 308.0pt 336.0pt;
mso-layout-grid-align:none;text-autospace:none'>This sentence is poorly worded,
but is also misleading without further explanation. <span class=GramE>Easier to
simply remove it.</span></p>
<p class=MsoNormal style='mso-pagination:none;tab-stops:28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 3.5in 280.0pt 308.0pt 336.0pt;
mso-layout-grid-align:none;text-autospace:none'>Delete the sentence: “Other
types of browsers vary in their use, depending on the agent itself.”</p>
<h3><span style='color:gray'>Chapter 6, page 133<o:p></o:p></span></h3>
<p class=MsoNormal style='mso-pagination:none;tab-stops:28.0pt 56.0pt 84.0pt 112.0pt 140.0pt 168.0pt 196.0pt 224.0pt 3.5in 280.0pt 308.0pt 336.0pt;
mso-layout-grid-align:none;text-autospace:none'>Delete the “Event Attributes”
heading and the list of attributes. We shouldn’t list event attributes because
they’re not in keeping with best practices. Removing this much copy will surely
trigger major reflow so this is a low-priority fix, easily skippable if it
causes too many problems.</p>
<h3>Chapter 6, page 133</h3>
<p class=MsoNormal>The heading “Using the <a> Tag” should read “Using the
a Element”</p>
<h3><span style='color:red'>Chapter 6, page 134, Listing 6-1<o:p></o:p></span></h3>
<p class=MsoNormal>Doctype should appear on two lines, with the second line
indented two spaces, to be consistent with other code examples throughout the
book. The required xmlns attribute is missing.</p>
<p class=MsoNormal>Currently reads:</p>
<p class=code><span style='mso-bidi-font-size:9.0pt'><!DOCTYPE html <o:p></o:p></span></p>
<p class=code><span style='mso-bidi-font-size:9.0pt'>PUBLIC "-//W3C//DTD
XHTML 1.0 Strict//EN" <o:p></o:p></span></p>
<p class=code><span style='mso-bidi-font-size:9.0pt'>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><o:p></o:p></span></p>
<p class=code><span style='mso-bidi-font-size:9.0pt'><html></span></p>
<p class=MsoNormal>Should read:</p>
<p class=code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN" </p>
<p class=code><span style='mso-spacerun:yes'>
</span>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></p>
<p class=code><html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en"></p>
<h3><span style='color:red'>Chapter 6, page 134, Listing 6-1<o:p></o:p></span></h3>
<p class=MsoNormal>The closing <b style='mso-bidi-font-weight:normal'><span
style='font-size:10.0pt;mso-bidi-font-size:12.0pt;font-family:"Andale Mono";
mso-hansi-font-family:"Andale Mono";mso-bidi-font-family:"Times New Roman";
mso-no-proof:yes'></p></span></b> should not be bold.</p>
<h3><span style='color:gray'>Chapter 6, page 134, first paragraph, third
sentence<o:p></o:p></span></h3>
<p class=MsoNormal><span class=GramE>Bad grammar and passive voice.</span>
Currently reads: “will result in the link being activated.”</p>
<p class=MsoNormal><span class=GramE>Should read: “will activate the link.”</span></p>
<h3><span style='color:red'>Chapter 6, page 135, first paragraph<o:p></o:p></span></h3>
<p class=MsoNormal>Segments in a path must be separated by a forward slash.</p>
<p class=MsoNormal>Currently reads: “followed by a slash and then the file
name: <span style='font-size:10.0pt;mso-bidi-font-size:12.0pt;font-family:"Andale Mono";
mso-hansi-font-family:"Andale Mono";mso-bidi-font-family:"Times New Roman";
mso-no-proof:yes'>images\filename</span>.”</p>
<p class=MsoNormal>Should read: “followed by a slash and then the file name: <span
style='font-size:10.0pt;mso-bidi-font-size:12.0pt;font-family:"Andale Mono";
mso-hansi-font-family:"Andale Mono";mso-bidi-font-family:"Times New Roman";
mso-no-proof:yes'>images/filename</span>.”</p>
<h3><span style='color:red'>Chapter 6, page 135, Listing 6-2<o:p></o:p></span></h3>
<p class=MsoNormal>As best practice, a list of links should be marked up as a