зеркало из https://github.com/mozilla/gecko-dev.git
further enhancements to residual style docs
This commit is contained in:
rickg%netscape.com
Родитель
d6814e06fc
Коммит
7a8c9db45b
|
|
@ -7,20 +7,20 @@
|
|||
<title>ResidualStyle</title>
|
||||
</head>
|
||||
<body>
|
||||
<b><font face="Verdana"><font size=-1></font></font></b>
|
||||
|
||||
<table COLS=1 WIDTH="30%" BGCOLOR="#FFFFCC" >
|
||||
<tr>
|
||||
<td><b><font face="Verdana"><font size=-1>Residual Style </font></font></b></td>
|
||||
</tr>
|
||||
</table>
|
||||
<b><font face="Verdana"><font size=-1></font></font></b>
|
||||
|
||||
<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. For example:</font></font><font face="Verdana"><font size=-1></font></font>
|
||||
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><font face="Verdana"><font size=-1></font></font>
|
||||
<br><font face="Verdana"><font size=-1></font></font>
|
||||
<br>
|
||||
<br>
|
||||
<table BORDER COLS=2 WIDTH="50%" >
|
||||
<tr BGCOLOR="#FFFFCC">
|
||||
<td>
|
||||
|
|
@ -38,29 +38,79 @@ elements. For example:</font></font><font face="Verdana"><font size=-1></font></
|
|||
<td>div text here</td>
|
||||
</tr>
|
||||
</table>
|
||||
<font face="Verdana"><font size=-1></font></font>
|
||||
|
||||
<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><font face="Verdana"><font size=-1></font></font>
|
||||
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><font face="Verdana"><font size=-1></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>
|
||||
<font face="Verdana"><font size=-1></font></font>
|
||||
|
||||
<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><font face="Verdana"><font size=-1></font></font>
|
||||
against other browsers.</font></font>
|
||||
<p><font face="Verdana"><font size=-1>Click on any of the following links
|
||||
to begin...</font></font>
|
||||
<br><font face="Verdana"><font size=-1></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>
|
||||
|
|
@ -206,12 +256,12 @@ to begin...</font></font>
|
|||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
<font face="Verdana"><font size=-1></font></font>
|
||||
|
||||
<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 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
|
||||
|
|
@ -221,6 +271,6 @@ because explicit style tags tend to leave an unpleasant "residue" on html
|
|||
documents.</font></font></td>
|
||||
</tr>
|
||||
</table>
|
||||
<font face="Verdana"><font size=-2></font></font>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -7,20 +7,20 @@
|
|||
<title>ResidualStyle</title>
|
||||
</head>
|
||||
<body>
|
||||
<b><font face="Verdana"><font size=-1></font></font></b>
|
||||
|
||||
<table COLS=1 WIDTH="30%" BGCOLOR="#FFFFCC" >
|
||||
<tr>
|
||||
<td><b><font face="Verdana"><font size=-1>Residual Style </font></font></b></td>
|
||||
</tr>
|
||||
</table>
|
||||
<b><font face="Verdana"><font size=-1></font></font></b>
|
||||
|
||||
<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. For example:</font></font><font face="Verdana"><font size=-1></font></font>
|
||||
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><font face="Verdana"><font size=-1></font></font>
|
||||
<br><font face="Verdana"><font size=-1></font></font>
|
||||
<br>
|
||||
<br>
|
||||
<table BORDER COLS=2 WIDTH="50%" >
|
||||
<tr BGCOLOR="#FFFFCC">
|
||||
<td>
|
||||
|
|
@ -38,29 +38,79 @@ elements. For example:</font></font><font face="Verdana"><font size=-1></font></
|
|||
<td>div text here</td>
|
||||
</tr>
|
||||
</table>
|
||||
<font face="Verdana"><font size=-1></font></font>
|
||||
|
||||
<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><font face="Verdana"><font size=-1></font></font>
|
||||
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><font face="Verdana"><font size=-1></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>
|
||||
<font face="Verdana"><font size=-1></font></font>
|
||||
|
||||
<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><font face="Verdana"><font size=-1></font></font>
|
||||
against other browsers.</font></font>
|
||||
<p><font face="Verdana"><font size=-1>Click on any of the following links
|
||||
to begin...</font></font>
|
||||
<br><font face="Verdana"><font size=-1></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>
|
||||
|
|
@ -206,12 +256,12 @@ to begin...</font></font>
|
|||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
<font face="Verdana"><font size=-1></font></font>
|
||||
|
||||
<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 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
|
||||
|
|
@ -221,6 +271,6 @@ because explicit style tags tend to leave an unpleasant "residue" on html
|
|||
documents.</font></font></td>
|
||||
</tr>
|
||||
</table>
|
||||
<font face="Verdana"><font size=-2></font></font>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче