This element can represent an external resource, which, depending on the type of the resource, will either be treated as an image, as a nested browsing context, or as an external resource to be processed by a plugin.
<object data="movie.swf" type="application/x-shockwave-flash"></object>
This element represents a list of items, where the items have been intentionally ordered, such that changing the order would change the meaning of the list.
<ol class="class-name" id="ordered-list-id-name">
<li>List item 1</li>
<li>List item 2 which is much longer and should go over two lines</li>
<li>List item 3</li>
</ol>
This element represents a group of option elements with a common label. The element's group of option elements consists of the option elements that are children of the optgroup element.
<div class="class-name" id="optgroup-id-name">
<label for="country">Country</label>
<select name="country" id="country">
<option value="">Choose a country</option>
<optgroup label="Europe">
<option value="UK">UK</option>
<option value="Germany">Germany</option>
<option value="France">France</option>
</optgroup>
<optgroup label="North America">
<option value="">USA</option>
<option value="">Canada</option>
</optgroup>
</select>
</div>
This element represents an option in a select element or as part of a list of suggestions.
<div class="class-name" id="option-id-name">
<label for="fruit">Fruit</label>
<select name="fruit" id="fruit">
<option value="">Choose a fruit</option>
<option value="Apple">Apple</option>
<option value="Pear">Pear</option>
<option value="Banana">Banana</option>
</select>
</div>
This element represents the result of a calculation.
<output name="result">60</output>