A statue of the <A href="cih78">Cihuateteus</A>, who are patron ...
Wrapping the line just before the end tag of the A element causes the comma to be stranded at the
beginning of the next line:
A statue of the Cihuateteus
, who are patron ...
This is an error since there was no white space at that point in the markup.
9.4 Marking document changes: The INS and DEL elements
<!-- INS/DEL are handled by inclusion on BODY -->
<!ELEMENT (INS|DEL) - - (%flow;)*      -- inserted text, deleted text -->
<!ATTLIST (INS|DEL)
%attrs;                              -- %coreattrs, %i18n, %events --
cite        %URI;          #IMPLIED  -- info on reason for change --
datetime    %Datetime;     #IMPLIED  -- date and time of change --
>
Start tag: required, End tag: required
Attribute definitions
cite = uri [p.44] [CT] [p.43] 
The value of this attribute is a URI that designates a source document or message. This attribute is
intended to point to information explaining why a document was changed. 
datetime = datetime [p.47] [CS] [p.43] 
The value of this attribute specifies the date and time when the change was made.
Attributes defined elsewhere
id, class (document-wide identifiers [p.65] ) 
lang (language information [p.71] ), dir (text direction [p.73] ) 
title (element title [p.57] ) 
style (inline style information [p.174] ) 
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, 
onmouseout, onkeypress, onkeydown, onkeyup (intrinsic events [p.240] )
INS and DEL are used to markup sections of the document that have been inserted or deleted with respect
to a different version of a document (e.g., in draft legislation where lawmakers need to view the changes).
These two elements are unusual for HTML in that they may serve as either block-level or inline elements
(but not both). They may contain one or more words within a paragraph or contain one or more
block-level elements such as paragraphs, lists and tables. 
This example could be from a bill to change the legislation for how many deputies a County Sheriff can
employ from 3 to 5. 
91
9.4 Marking document changes: The INS and DEL elements
Pdf preview thumbnail - Library software component:C# PDF Thumbnail Create SDK: Draw thumbnail images for PDF in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Support Thumbnail Generation with Various Options for Quick PDF Navigation
www.rasteredge.com
Pdf preview thumbnail - Library software component:VB.NET PDF Thumbnail Create SDK: Draw thumbnail images for PDF in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Support Thumbnail Generation with Various Options for Quick PDF Navigation
www.rasteredge.com
<P>
A Sheriff can employ <DEL>3</DEL><INS>5</INS> deputies.
</P>
The INS and DEL elements must not contain block-level content when these elements behave as inline 
elements.
ILLEGAL EXAMPLE:
The following is not legal HTML.
<P>
<INS><DIV>
...block-level content...
</DIV></INS>
</P>
User agents should render inserted and deleted text in ways that make the change obvious. For instance,
inserted text may appear in a special font, deleted text may not be shown at all or be shown as
struck-through or with special markings, etc.
Both of the following examples correspond to November 5, 1994, 8:15:30 am, US Eastern Standard Time. 
1994-11-05T13:15:30Z
1994-11-05T08:15:30-05:00
Used with INS, this gives:
<INS datetime="1994-11-05T08:15:30-05:00"
cite="http://www.foo.org/mydoc/comments.html">
Furthermore, the latest figures from the marketing department
suggest that such practice is on the rise.
</INS>
The document "http://www.foo.org/mydoc/comments.html" would contain comments about why
information was inserted into the document.
Authors may also make comments about inserted or deleted text by means of the title attribute for the 
INS and DEL elements. User agents may present this information to the user (e.g., as a popup note). For 
example:
<INS datetime="1994-11-05T08:15:30-05:00"
title="Changed as a result of Steve B's comments in meeting.">
Furthermore, the latest figures from the marketing department
suggest that such practice is on the rise.
</INS>
92
9.4 Marking document changes: The INS and DEL elements
Library software component:How to C#: Preview Document Content Using XDoc.Word
With the SDK, you can preview the document content according to the preview thumbnail by the ways as following. C# DLLs for Word File Preview. Add references:
www.rasteredge.com
Library software component:How to C#: Preview Document Content Using XDoc.PowerPoint
With the SDK, you can preview the document content according to the preview thumbnail by the ways as following. C# DLLs: Preview PowerPoint Document.
www.rasteredge.com
10 Lists
Contents 
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
93
1.  Introduction to lists 
.
.
.
.
.
.
.
.
.
94
2.  Unordered lists (UL), ordered lists (OL), and list items (LI) 
.
.
.
.
.
.
.
.
.
.
.
.
96
3.  Definition lists: the DL, DT, and DD elements 
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
97
1.  Visual rendering of lists
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
99
4.  The DIR and MENU elements
10.1 Introduction to lists
HTML offers authors several mechanisms for specifying lists of information. All lists must contain one or
more list elements. Lists may contain: 
Unordered information. 
Ordered information. 
Definitions. 
The previous list, for example, is an unordered list, created with the UL element: 
<UL>
<LI>Unordered information. 
<LI>Ordered information. 
<LI>Definitions. 
</UL>
An ordered list, created using the OL element, should contain information where order should be
emphasized, as in a recipe: 
1.  Mix dry ingredients thoroughly. 
2.  Pour in wet ingredients. 
3.  Mix for 10 minutes. 
4.  Bake for one hour at 300 degrees.
Definition lists, created using the DL element, generally consist of a series of term/definition pairs
(although definition lists may have other applications). Thus, when advertising a product, one might use a
definition list: 
Lower cost 
The new version of this product costs significantly less than the previous one! 
Easier to use 
We've changed the product so that it's much easier to use! 
Safe for kids 
You can leave your kids alone in a room with this product and they won't get hurt (not a guarantee).
93
10 Lists
Library software component:How to C#: Set Image Thumbnail in C#.NET
VB.NET How-to, VB.NET PDF, VB.NET Word, VB.NET Excel, VB.NET PowerPoint, VB How to C#: Set Image Thumbnail in C#.NET. To Preview Images in WinForm Application.
www.rasteredge.com
Library software component:How to C#: Preview Document Content Using XDoc.excel
document in memory. With the SDK, you can preview the document content according to the preview thumbnail by the ways as following.
www.rasteredge.com
defined in HTML as: 
<DL>
<DT><STRONG>Lower cost</STRONG>
<DD>The new version of this product costs significantly less than the
previous one!
<DT><STRONG>Easier to use</STRONG>
<DD>We've changed the product so that it's much easier to use!
<DT><STRONG>Safe for kids</STRONG>
<DD>You can leave your kids alone in a room with this product and
they won't get hurt (not a guarantee).
</DL>
Lists may also be nested and different list types may be used together, as in the following example, which
is a definition list that contains an unordered list (the ingredients) and an ordered list (the procedure): 
The ingredients: 
100 g. flour 
10 g. sugar 
1 cup water 
2 eggs 
salt, pepper 
The procedure: 
1.  Mix dry ingredients thoroughly. 
2.  Pour in wet ingredients. 
3.  Mix for 10 minutes. 
4.  Bake for one hour at 300 degrees.
Notes: 
The recipe may be improved by adding raisins.
The exact presentation of the three list types depends on the user agent. We discourage authors from using
lists purely as a means of indenting text. This is a stylistic issue and is properly handled by style sheets. 
10.2 Unordered lists (UL), ordered lists (OL), and list items (LI)
<!ELEMENT UL - - (LI)+                 -- unordered list -->
<!ATTLIST UL
%attrs;                              -- %coreattrs, %i18n, %events --
>
<!ELEMENT OL - - (LI)+                 -- ordered list -->
<!ATTLIST OL
%attrs;                              -- %coreattrs, %i18n, %events --
>
Start tag: required, End tag: required
<!ELEMENT LI - O (%flow;)*             -- list item -->
<!ATTLIST LI
%attrs;                              -- %coreattrs, %i18n, %events --
>
94
10.2 Unordered lists (UL), ordered lists (OL), and list items (LI)
Library software component:How to C#: Generate Thumbnail for Word
Preview Document. Conversion. Convert Word to PDF. Convert Word Convert Word to ODT. Convert PDF to Word. Text Search. Insert Image. Thumbnail Create. Thumbnail Create
www.rasteredge.com
Library software component:How to C#: Generate Thumbnail for PowerPoint
Preview Document. Conversion. Convert PowerPoint to PDF. Convert PowerPoint to Pages. Annotate PowerPoint. Text Search. Insert Image. Thumbnail Create.
www.rasteredge.com
Start tag: required, End tag: optional
Attribute definitions
type =  style-information [CI] [p.43] 
Deprecated. [p.34] This attribute sets the style of a list item. Currently available values are intended
for visual user agents. Possible values [p.97] are described below (along with case information). 
start = number [p.44] [CN] [p.43] 
Deprecated. [p.34] For OL only. This attribute specifies the starting number of the first item in an
ordered list. The default starting number is "1". Note that while the value of this attribute is an
integer, the corresponding label may be non-numeric. Thus, when the list item style is uppercase latin
letters (A, B, C, ...), start=3 means "C". When the style is lowercase roman numerals, start=3
means "iii", etc. 
value = number [p.44] [CN] [p.43] 
Deprecated. [p.34] For LI only. This attribute sets the number of the current list item. Note that
while the value of this attribute is an integer, the corresponding label may be non-numeric (see the 
start attribute). 
compact [CI] [p.43] 
Deprecated. [p.34] When set, this boolean attribute gives a hint to visual user agents to render the
list in a more compact way. The interpretation of this attribute depends on the user agent.
Attributes defined elsewhere 
id, class (document-wide identifiers [p.65] ) 
lang (language information [p.71] ), dir (text direction [p.73] ) 
title (element title [p.57] ) 
style (inline style information [p.174] ) 
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, 
onmouseout, onkeypress, onkeydown, onkeyup (intrinsic events [p.240] )
Ordered and unordered lists are rendered in an identical manner except that visual user agents number
ordered list items. User agents may present those numbers in a variety of ways. Unordered list items are
not numbered. 
Both types of lists are made up of sequences of list items defined by the LI element (whose end tag may
be omitted). 
This example illustrates the basic structure of a list. 
<UL>
<LI> 
... first list item...
<LI> 
... second list item...
...
</UL>
Lists may also be nested:
95
10.2 Unordered lists (UL), ordered lists (OL), and list items (LI)
Library software component:How to C#: Generate Thumbnail for Excel
Preview Document. Conversion. Convert Excel to PDF. Convert Excel to Insert Image. Thumbnail Create. Thumbnail Create. |. Home ›› XDoc.Excel ›› C# Excel
www.rasteredge.com
Library software component:How to C#: Overview of Using XDoc.PowerPoint
document (ODP). Empower to navigate PowerPoint document content quickly via thumbnail. Able to you want. Create Thumbnail. See this
www.rasteredge.com
DEPRECATED EXAMPLE:
<UL>
<LI> 
... Level one, number one...
<OL> 
<LI> 
... Level two, number one...
<LI> 
... Level two, number two...
<OL start="10"> 
<LI> 
... Level three, number one...
</OL> 
<LI> 
... Level two, number three...
</OL> 
<LI> 
... Level one, number two...
</UL>
Details about number order. In ordered lists, it is not possible to continue list numbering automatically
from a previous list or to hide numbering of some list items. However, authors can reset the number of a
list item by setting its 
value
attribute. Numbering continues from the new value for subsequent list items.
For example: 
<ol>
<li value="30"> makes this list item number 30.
<li value="40"> makes this list item number 40.
<li> makes this list item number 41.
</ol>
10.3 Definition lists: the DL, DT, and DD elements
<!-- definition lists - DT for term, DD for its definition -->
<!ELEMENT DL - - (DT|DD)+              -- definition list -->
<!ATTLIST DL
%attrs;                              -- %coreattrs, %i18n, %events --
>
Start tag: required, End tag: required
<!ELEMENT DT - O (%inline;)*           -- definition term -->
<!ELEMENT DD - O (%flow;)*             -- definition description -->
<!ATTLIST (DT|DD)
%attrs;                              -- %coreattrs, %i18n, %events --
>
Start tag: required, End tag: optional
Attributes defined elsewhere 
id, class (document-wide identifiers [p.65] ) 
lang (language information [p.71] ), dir (text direction [p.73] ) 
title (element title [p.57] ) 
style (inline style information [p.174] ) 
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, 
96
10.3 Definition lists: the DL, DT, and DD elements
Library software component:How to C#: Overview of Using XDoc.Word
Tell C# users how to: create a new Word file and load Word from pdf; merge, append, and split Word files; insert, delete, move, rotate, copy Create Thumbnail.
www.rasteredge.com
Library software component:How to C#: Overview of Using XDoc.Excel
Empower to navigate Excel document content quickly via thumbnail. Able to support text search in Excel document, as well as text extraction. Create Thumbnail.
www.rasteredge.com
onmouseout, onkeypress, onkeydown, onkeyup (intrinsic events [p.240] )
Definition lists vary only slightly from other types of lists in that list items consist of two parts: a term and
a description. The term is given by the DT element and is restricted to inline content. The description is
given with a DD element that contains block-level content. 
Here is an example: 
<DL>
<DT>Dweeb
<DD>young excitable person who may mature
into a <EM>Nerd</EM> or <EM>Geek</EM>
<DT>Cracker
<DD>hacker on the Internet
<DT>Nerd
<DD>male so into the Net that he forgets
his wife's birthday
</DL>
Here is an example with multiple terms and descriptions: 
<DL>
<DT>Center
<DT>Centre
<DD> A point equidistant from all points
on the surface of a sphere.
<DD> In some field sports, the player who
holds the middle position on the field, court,
or forward line.
</DL>
Another application of DL, for example, is for marking up dialogues, with each DT naming a speaker, and
each DD containing his or her words. 
10.3.1  Visual rendering of lists
Note. The following is an informative description of the behavior of some current visual user agents when
formatting lists. Style sheets allow better control of list formatting (e.g., for numbering,
language-dependent conventions, indenting, etc.). 
Visual user agents generally indent nested lists with respect to the current level of nesting. 
For both OL and UL, the type attribute specifies rendering options for visual user agents. 
For the UL element, possible values for the type attribute are disc, square, and circle. The default
value depends on the level of nesting of the current list. These values are case-insensitive. 
97
10.3.1  Visual rendering of lists
How each value is presented depends on the user agent. User agents should attempt to present a "disc" as a
small filled-in circle, a "circle" as a small circle outline, and a "square" as a small square outline. 
A graphical user agent might render this as: 
for the value "disc"
for the value "circle"
for the value "square"
For the OL element, possible values for the type attribute are summarized in the table below (they are
case-sensitive): 
Type
Numbering style
1
arabic numbers
1, 2, 3, ...
a
lower alpha
a, b, c, ...
A
upper alpha
A, B, C, ...
i
lower roman
i, ii, iii, ...
I
upper roman
I, II, III, ...
Note that the type attribute is deprecated [p.34] and list styles should be handled through style sheets. 
For example, using CSS, one may specify that the style of numbers for list elements in a numbered list
should be lowercase roman numerals. In the excerpt below, every OL element belonging to the class
"withroman" will have roman numerals in front of its list items. 
<STYLE type="text/css">
OL.withroman { list-style-type: lower-roman }
</STYLE>
<BODY>
<OL class="withroman">
<LI> Step one ...  
<LI> Step two ...
</OL>
</BODY>
The rendering of a definition list also depends on the user agent. The example: 
<DL>
<DT>Dweeb
<DD>young excitable person who may mature
into a <EM>Nerd</EM> or <EM>Geek</EM>
<DT>Cracker
<DD>hacker on the Internet
98
10.3.1  Visual rendering of lists
<DT>Nerd
<DD>male so into the Net that he forgets
his wife's birthday
</DL>
might be rendered as follows:
Dweeb
young excitable person who may mature into a 
Nerd
or 
Geek
Cracker
hacker on the Internet
Nerd
male so into the Net that he forgets his wife's birthday
10.4 The DIR and MENU elements
DIR and MENU are deprecated [p.34] . 
See the Transitional DTD [p.278] for the formal definition. 
Attributes defined elsewhere 
id, class (document-wide identifiers [p.65] ) 
lang (language information [p.71] ), dir (text direction [p.73] ) 
title (element title [p.57] ) 
style (inline style information [p.174] ) 
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, 
onmouseout, onkeypress, onkeydown, onkeyup (intrinsic events [p.240] )
The DIR element was designed to be used for creating multicolumn directory lists. The MENU element
was designed to be used for single column menu lists. Both elements have the same structure as UL, just
different rendering. In practice, a user agent will render a DIR or MENU list exactly as a UL list. 
We strongly recommend using UL instead of these elements. 
99
10.4 The DIR and MENU elements
100
10.4 The DIR and MENU elements
Documents you may be interested
Documents you may be interested