Web Standards Solutions: The Markup and Style Handbook, Special Edition

GET DOWN WITH MARKUP......Page 3
Unknown......Page 0
147......Page 4
1......Page 5
147......Page 10
FOREWORD......Page 15
ABOUT THE AUTHOR......Page 16
ABOUT THE TECHNICAL REVIEWER......Page 17
ACKNOWLEDGMENTS......Page 18
What are web standards?......Page 19
Why web standards?......Page 20
Structured markup......Page 21
About the format......Page 22
GET DOWN WITH MARKUP......Page 23
LISTS......Page 25
Method A: The 
 breakdown......Page 26
It’s a wrap......Page 27
Method C: Getting closer......Page 28
1......Page 29
Summary......Page 30
Bite the bullet......Page 31
Getting fancier with custom bullets......Page 32
Lists that navigate......Page 33
1......Page 35
Mini-tab shapes......Page 36
1......Page 37
HEADINGS......Page 39
Method A: Meaningful?......Page 40
Method C: Style and substance......Page 41
Summary......Page 43
Simple styling......Page 44
Adding backgrounds......Page 45
Easy updates......Page 47
The chameleon effect......Page 48
Wrapping up......Page 49
TABLES ARE EVIL?......Page 51
A table that everyone can sit at......Page 52
3......Page 53
The head(s) of the table......Page 55
3......Page 57
Using the abbr attribute......Page 58
, , and ......Page 59
Creating a grid......Page 61
Collapsing the gaps......Page 62
3......Page 63
Customizing the headers......Page 64
Headers with background images......Page 65
Assigning icons to IDs......Page 66
3......Page 67
Wrapping up......Page 69
QUOTATIONS......Page 71
Method B: A class act?......Page 72
Using a screwdriver to hammer a nail......Page 73
A cite for curious eyes......Page 74
Inline quotations......Page 75
Styling 
......Page 76
4......Page 77
Wrapping up......Page 81
FORMS......Page 83
Method A: Using a table......Page 84
5 Method B: Tableless, but cramped......Page 85
Method C: Simple and more accessible......Page 86
5......Page 87
Method D: Defining a form......Page 88
5......Page 89
Summary......Page 90
The fabulous tabindex......Page 91
accesskey for frequented forms......Page 92
5 Styling forms......Page 93
5......Page 95
Wrapping up......Page 102
, , and other Phrase elements......Page 105
Why are  and  better than  and ?......Page 106
What about ?......Page 107
Just bold or italic, please......Page 108
Both bold and italic......Page 109
the phrase elements......Page 111
 design......Page 112
6......Page 113
 and ......Page 114
6......Page 115
......Page 116
......Page 117
a simple explanation......Page 118
an hCard example......Page 119
6......Page 121
6......Page 123
Anchors......Page 125
Method A: An empty name......Page 126
7 Method B: It’s all in a name......Page 127
Method c: Lose the name......Page 128
7......Page 129
summary......Page 130
Extra credit......Page 131
The title attribute......Page 132
7......Page 133
7......Page 139
More Lists......Page 141
Method A: Unordered order......Page 142
8 Method B: An ordered list......Page 143
What is the best way to mark up a set of terms and descriptions?......Page 145
Method B......Page 146
8......Page 147
identify the parts......Page 149
Adding the numbers to the Css......Page 150
8......Page 151
Wrapping up......Page 152
MiniMizing Markup......Page 155
Method a: Class happy......Page 156
Method B: natural selection......Page 157
9......Page 159
Method a: 
 happy......Page 160
Other examples 9......Page 161
The raw markup......Page 162
9......Page 163
Custom bullets......Page 164
adding a border......Page 165
Conclusion......Page 167
SimpleBitS of Style......Page 169
Applying CSS......Page 171
method A: the