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
|
<html><head></head>
<body>
<p>
<a id="paraStart">First anchor</a> at beginning of paragraph;
second anchor stretches over <a id="lineBreak"> a<br />
linebreak</a>;
third <a name="name">anchor</a> uses "name", and a fourth is at <a id="paraEnd">the end of the paragraph.</a>
</p>
<p><pre>
- (dummy text to make sure anchors are within scroll region)
-
-
-
-
-
-
-
-
-
-
-
-
-
-
</pre></p>
<p id="paragraph">
This new paragraph has an "id";
it contains a fifth anchor at the <a id="lineEnd">end of line;</a><br />
and one at<br />
<a id="lineStart">the beginning</a>;
the seventh anchor is at the same time a link (back to <a href="anchors2.html#anchor" id="link">anchors2.html</a>);
and the eighth is a <span id="span">span</span>.
</p>
<div id="bigDiv">
<p>
The third paragraph begins within a big div, which stretches over two empty divs (one containing an empty paragraph);
</p>
<div id="emptyDiv"></div>
<div id="emptyParaDiv">
<p></p>
</div>
<div id="outerDiv">
<div id="innerDiv">
<p id="paraInDiv">
another paragraph with "id", which is inside two other divs,
and contains an empty anchor at the end;
<a id="emptyEnd"></a>
</p>
</div>
</div>
<p><pre>
- (dummy text to make sure anchors are within scroll region)
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
</pre></p>
<p>
<a id="emptyStart"></a>
and finally a paragraph starting with an empty anchor,
and containing links to all the anchors:
<br /><a href="anchors1.html#paraStart">paragraph start</a>
<br /><a href="../test/anchors1.html#lineBreak">containing line break</a>
<br /><a href="#name">name (no id)</a>
<br /><a href="#paraEnd">paragraph end</a>
<br /><a href="#paragraph">paragraph with "id"</a>
<br /><a href="#lineEnd">line end</a>
<br /><a href="#lineStart">line start</a>
<br /><a href="#link">link</a>
<br /><a href="#span">span</a>
<br /><a href="#bigDiv">div over many paragraphs</a>
<br /><a href="#emptyDiv">empty div</a>
<br /><a href="#emptyParaDiv">div containing empty paragraph</a>
<br /><a href="#outerDiv">outer one of nested divs</a>
<br /><a href="#innerDiv">inner one of nested divs</a>
<br /><a href="#paraInDiv">paragraph inside nested divs</a>
<br /><a href="#emptyEnd">empty anchor at paragraph end</a>
<br /><a href="#emptyStart">empty anchor at paragraph start</a>
<br /><a href="#pageEnd">page end</a>
<br /><a href="#emptyPageEnd">empty anchor at page end</a>
</p>
</div>
<p><pre>
- (dummy text to make sure anchors are within scroll region)
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
</pre></p>
<p>
The last paragraph contains two last anchors, at <a id="pageEnd">the page end</a>.
<a id="emptyPageEnd"></a>
</p>
</body>
</html>
|
