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
|
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Author" content="Rick Gessner">
<meta name="GENERATOR" content="Mozilla/4.6 [en] (WinNT; U) [Netscape]">
<title>ResidualStyle</title>
</head>
<body>
<table COLS=1 WIDTH="30%" BGCOLOR="#FFFFCC" >
<tr>
<td><b><font face="Verdana"><font size=-1>Residual Style </font></font></b></td>
</tr>
</table>
<p><font face="Verdana"><font size=-1>This page is the topmost page for
testing residual style. Residual style handling refers to automatic document
conversions performed by Gecko when encounters mal-formed HTML fontstyle
elements (explicit style tags -- not CSS). For example:</font></font>
<p><font face="Verdana"><font size=-1><html><body><font color="#009900"><b></font><font color="#3366FF"><div>text</div></font><font color="#009900"></b></font></body></html></font></font>
<br>
<br>
<table BORDER COLS=2 WIDTH="50%" >
<tr BGCOLOR="#FFFFCC">
<td>
<center><b><font face="Verdana"><font size=-1>Expected Result</font></font></b></center>
</td>
<td>
<center><b><font face="Verdana"><font size=-1>Result defined by HTML4.0</font></font></b></center>
</td>
</tr>
<tr>
<td><b>div text here</b></td>
<td>div text here</td>
</tr>
</table>
<p><font face="Verdana"><font size=-1>According to the spec, <b> is
a fontstyle element, whereas <div> is a block element. As a rule, fontstyle
tags can't contain block elements, which means that the preceeding example
is malformed. In order to remain backward compatible and simultaneously
maintain well-formed documents, Gecko may have to rewrite the document
to be correct. The prior example is rewritten by Gecko like this:</font></font>
<p><font face="Verdana"><font size=-1><html><body><font color="#3366FF"><div></font><font color="#009900"><b></font><font color="#3366FF">text</font><font color="#009900"></b></font><font color="#3366FF"></div></font></body></html></font></font>
<br>
<br>
<table COLS=1 WIDTH="30%" BGCOLOR="#FFFFCC" >
<tr>
<td><b><font face="Verdana"><font size=-1>How To Create Your Own Tests</font></font></b></td>
</tr>
</table>
<p><font face="Verdana"><font size=-1>You can make your own residual style
tests either manually, or by using the htmlgen program that is checked
into the tree at mozilla\htmlparser\htmlgen. Most residual style problems
fall into one of two categories: 1) illegal containment; 2) malformed closures.
Note that these problems can exist for fontstyle, phrasal and special tags
(see the list below). Also note that navigator behavior is very inconsistent
with respect to these problems, so don't assume that one testcase covers
all cases.</font></font><font face="Verdana"><font size=-1></font></font>
<p><b><font face="Verdana"><font size=-1>Illegal Containment Sample</font></font></b>
<br><font face="Verdana"><font size=-1>This example shows a <b> containing
a <div>, which is illegal under HTML.</font></font><font face="Verdana"><font size=-1></font></font>
<p><font face="Verdana"><font size=-1><html><body><font color="#009900"><b></font><font color="#3366FF"><div>text</div></font><font color="#009900"></b></font></body></html></font></font><font face="Verdana"><font size=-1></font></font>
<p><b><font face="Verdana"><font size=-1>Malformed Containment Sample</font></font></b>
<br><font face="Verdana"><font size=-1>This example shows misplaced close
tags, which often wreak havoc with style in navigator.</font></font><font face="Verdana"><font size=-1></font></font>
<p><font face="Verdana"><font size=-1><html><body><font color="#009900"><b></font><font color="#3366FF"><div>text1</i>text2</div></font></body></html></font></font>
<br><b><font face="Verdana"><font size=-1></font></font></b>
<br><b><font face="Verdana"><font size=-1></font></font></b>
<table WIDTH="100%" >
<tr>
<td><b><font face="Verdana"><font size=-1>List of FontStyle Tags: </font></font></b></td>
<td><font face="Verdana"><font size=-1><b>, <big>, <i>, <s>,
<small>, <strike>, <tt>, <u></font></font></td>
</tr>
<tr>
<td><b><font face="Verdana"><font size=-1>List of Phrase Tags:</font></font></b></td>
<td><font face="Verdana"><font size=-1><abbr>, <acronym>, <cite>,
<code>, <dfn>, <em>, <kbd>, <samp>, <strong>, <var></font></font></td>
</tr>
<tr>
<td><b><font face="Verdana"><font size=-1>List of Special Tags:</font></font></b></td>
<td><font face="Verdana"><font size=-1><a>, <applet>, <basefont>,
<bdo>, <br>, <font>, <iframe>, <img>, <obect>, <map>,
<q>, <script>, <span>, <sub>, <sup></font></font></td>
</tr>
</table>
<font face="Verdana"><font size=-1></font></font>
<br><font face="Verdana"><font size=-1></font></font>
<br><font face="Verdana"><font size=-1></font></font>
<table COLS=1 WIDTH="30%" BGCOLOR="#FFFFCC" >
<tr>
<td><b><font face="Verdana"><font size=-1>Residual Style Testcases</font></font></b></td>
</tr>
</table>
<p><font face="Verdana"><font size=-1>The following testcases were taken
from real bugs. In most cases, these have been reduced to a minimum sample,
and they have been linked together so that you compare them in sequence
against other browsers.</font></font>
<p><font face="Verdana"><font size=-1>Click on any of the following links
to begin...</font></font>
<br>
<table BORDER COLS=7 WIDTH="90%" >
<tr>
<td><font face="Verdana"><font size=-1><a href="bug466.html">Bug466</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug991.html">Bug991</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug1239.html">Bug1239</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug1259.html">Bug1259</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug2419.html">Bug2419</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug2447.html">Bug2447</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug3073.html">Bug3073</a></font></font></td>
</tr>
<tr>
<td><font face="Verdana"><font size=-1><a href="Bug4814.html">Bug4814</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug4809.html">Bug4809</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug4956.html">Bug4958</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug5859.html">Bug5859</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug6233.html">Bug6233</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug6925.html">Bug6925</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug7447.html">Bug7447</a></font></font></td>
</tr>
<tr>
<td><font face="Verdana"><font size=-1><a href="Bug7723.html">Bug7723</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug7724.html">Bug7724</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug7823.html">Bug7823</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug7889.html">Bug7889</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug8080.html">Bug8080</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug8056.html">Bug8056</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug8681.html">Bug8681</a></font></font></td>
</tr>
<tr>
<td><font face="Verdana"><font size=-1><a href="Bug8738.html">Bug8738</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug8771.html">Bug8771</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug8913.html">Bug8913</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug8996.html">Bug8996</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug9563.html">Bug9563</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug10049.html">Bug10049</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug10324.html">Bug10324</a></font></font></td>
</tr>
<tr>
<td><font face="Verdana"><font size=-1><a href="Bug11381.html">Bug11381</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug12118.html">Bug12118</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug12632.html">Bug12632</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug12468.html">Bug12468</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug13107.html">Bug13107</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug14276.html">Bug14276</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug14636.html">Bug14636</a></font></font></td>
</tr>
<tr>
<td><font face="Verdana"><font size=-1><a href="Bug14981.html">Bug14981</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug18159.html">Bug18159</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug18185.html">Bug18185</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug18403.html">Bug18403</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug18865.html">Bug18865</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug19172.html">Bug19172</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug19194.html">Bug19194</a></font></font></td>
</tr>
<tr>
<td><font face="Verdana"><font size=-1><a href="Bug20030.html">Bug20030</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug20178.html">Bug20178</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug20199.html">Bug20199</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug21186.html">Bug21186</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug21318.html">Bug21318</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug21424.html">Bug21424</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug21689.html">Bug21689</a></font></font></td>
</tr>
<tr>
<td><font face="Verdana"><font size=-1><a href="Bug21692.html">Bug21692</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug21779.html">Bug21779</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug22025.html">Bug22025</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug22142.html">Bug22142</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug22157.html">Bug22157</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug23529.html">Bug23529</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug23680.html">Bug23680</a></font></font></td>
</tr>
<tr>
<td><font face="Verdana"><font size=-1><a href="Bug23780.html">Bug23780</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug23831.html">Bug23831</a></font></font></td>
<td><font face="Verdana"><font size=-1><a href="Bug24003.html">Bug24003</a></font></font></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<p>
<hr WIDTH="100%">
<table WIDTH="100%" BGCOLOR="#FFFFFF" >
<tr>
<td VALIGN=TOP><font face="Verdana"><font size=-2>Residual style: </font></font></td>
<td><font face="Verdana"><font size=-2>This term describes the case where
malformed fontstyle elements that get closed out by block elements need
to be reopened later in the document. The term can about for two reasons:
1) because style gets reopened "residually" -- later in the document; 2)
because explicit style tags tend to leave an unpleasant "residue" on html
documents.</font></font></td>
</tr>
</table>
</body>
</html>
|
