recursal/MDN huggingface dataset:
<param>: The Object Parameter element
=====================================

**Deprecated:** This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

The **`<param>`** HTML element defines parameters for an `<object>` element.

Attributes
----------

This element includes the global attributes.

`name` 
Deprecated

Name of the parameter.

`value` 
Deprecated

Specifies the value of the parameter.

`type` 
Deprecated

Only used if the `valuetype` is set to `ref`. Specifies the MIME type of values found at the URI specified by value.

`valuetype` 
Deprecated

Specifies the type of the `value` attribute. Possible values are:

* `data`: Default value. The value is passed to the object's implementation as a string.
* `ref`: The value is a URI to a resource where run-time values are stored.
* `object`: An ID of another `<object>` in the same document.

Technical summary
-----------------

|  |  |
| --- | --- |
| Content categories | None. |
| Permitted content | None; it is a void element. |
| Tag omission | 
 As it is a void element, the start tag must be present and the end tag
 must not be present.
  |
| Permitted parents | 
 An `<object>` before any
 flow content.
  |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | No `role` permitted |
| DOM interface | `HTMLParamElement` |

Specifications
--------------

| Specification |
| --- |
| HTML Standard # the-param-element |

Browser compatibility
---------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

See also
--------

* `<object>`
<code>: The Inline Code element
===============================

The **`<code>`** HTML element displays its contents styled in a fashion intended to indicate that the text is a short fragment of computer code. By default, the content text is displayed using the user agent's default monospace font.

Try it
------

Attributes
----------

This element only includes the global attributes.

Examples
--------

A paragraph of text that includes `<code>`:


```html
<p>
  The function <code>selectAll()</code> highlights all the text in the input
  field so the user can, for example, copy or delete the text.
</p>
```

### Result

Notes
-----

To represent multiple lines of code, wrap the `<code>` element within a `<pre>` element. The `<code>` element by itself only represents a single phrase of code or line of code.

A CSS rule can be defined for the `code` selector to override the browser's default font face. Preferences set by the user might take precedence over the specified CSS.

Technical summary
-----------------

|  |  |
| --- | --- |
| Content categories | Flow content,
 phrasing content, palpable content.
  |
| Permitted content | Phrasing content. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | 
 Any element that accepts
 phrasing content.
  |
| Implicit ARIA role | `code` |
| Permitted ARIA roles | Any |
| DOM interface | `HTMLElement` Up to Gecko 1.9.2 (Firefox 4)
 inclusive, Firefox implements the
 `HTMLSpanElement` interface for this element.
  |

Specifications
--------------

| Specification |
| --- |
| HTML Standard # the-code-element |

Browser compatibility
---------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

See also
--------

* `<samp>`
* `<kbd>`
* `<var>`
* `<pre>`
<li>: The List Item element
===========================

The **`<li>`** HTML element is used to represent an item in a list. It must be contained in a parent element: an ordered list (`<ol>`), an unordered list (`<ul>`), or a menu (`<menu>`). In menus and unordered lists, list items are usually displayed using bullet points. In ordered lists, they are usually displayed with an ascending counter on the left, such as a number or letter.

Try it
------

Attributes
----------

This element includes the global attributes.

`value`

This integer attribute indicates the current ordinal value of the list item as defined by the `<ol>` element. The only allowed value for this attribute is a number, even if the list is displayed with Roman numerals or letters. List items that follow this one continue numbering from the value set. The **value** attribute has no meaning for unordered lists (`<ul>`) or for menus (`<menu>`).

`type` 
Deprecated

Non-standard

This character attribute indicates the numbering type:

* `a`: lowercase letters
* `A`: uppercase letters
* `i`: lowercase Roman numerals
* `I`: uppercase Roman numerals
* `1`: numbers

This type overrides the one used by its parent `<ol>` element, if any.

**Note:** This attribute has been deprecated; use the CSS `list-style-type` property instead.

Examples
--------

For more detailed examples, see the `<ol>` and `<ul>` pages.

### Ordered list


```html
<ol>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ol>
```


#### Result

### Ordered list with a custom value


```html
<ol type="I">
  <li value="3">third item</li>
  <li>fourth item</li>
  <li>fifth item</li>
</ol>
```


#### Result

### Unordered list


```html
<ul>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ul>
```


#### Result

Technical summary
-----------------

|  |  |
| --- | --- |
| Content categories | None. |
| Permitted content | Flow content. |
| Tag omission | 
 The end tag can be omitted if the list item is immediately followed by
 another `<li>` element, or if there is no more
 content in its parent element.
  |
| Permitted parents | 
 An `<ul>`, `<ol>`, or
 `<menu>` element. Though not a conforming usage,
 the obsolete `<dir>` can also be a parent.
  |
| Implicit ARIA role | `listitem`
 when child of an
 `ol`, `ul` or
 `menu` |
| Permitted ARIA roles | `menuitem`,
 `menuitemcheckbox`,
 `menuitemradio`, `option`,
 `none`, `presentation`,
 `radio`, `separator`,
 `tab`, `treeitem` |
| DOM interface | `HTMLLIElement` |

Specifications
--------------

| Specification |
| --- |
| HTML Standard # the-li-element |

Browser compatibility
---------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

See also
--------

* Other list-related HTML Elements: `<ul>`, `<ol>`, `<menu>`, and the obsolete `<dir>`;
* CSS properties that may be specially useful to style the `<li>` element:
    + the `list-style` property, to choose the way the ordinal is displayed,
    + CSS counters, to handle complex nested lists,
    + the `margin` property, to control the indent of the list item.
<div>: The Content Division element
===================================

The **`<div>`** HTML element is the generic container for flow content. It has no effect on the content or layout until styled in some way using CSS (e.g. styling is directly applied to it, or some kind of layout model like Flexbox is applied to its parent element).

Try it
------

As a "pure" container, the `<div>` element does not inherently represent anything. Instead, it's used to group content so it can be easily styled using the `class` or `id` attributes, marking a section of a document as being written in a different language (using the `lang` attribute), and so on.

Attributes
----------

This element includes the global attributes.

**Note:** The `align` attribute is obsolete; do not use it anymore. Instead, you should use CSS properties or techniques such as CSS Grid or CSS Flexbox to align and position `<div>` elements on the page.

Usage notes
-----------

* The `<div>` element should be used only when no other semantic element (such as `<article>` or `<nav>`) is appropriate.
Accessibility concerns
----------------------

The `<div>` element has an implicit role of `generic`, and not none. This may affect certain ARIA combination declarations that expect a direct descendant element with a certain role to function properly.

Examples
--------

### A simple example


```html
<div>
  <p>
    Any kind of content here. Such as &lt;p&gt;, &lt;table&gt;. You name it!
  </p>
</div>
```


#### Result

### A styled example

This example creates a shadowed box by applying a style to the `<div>` using CSS. Note the use of the `class` attribute on the `<div>` to apply the style named `"shadowbox"` to the element.

#### HTML


```html
<div class="shadowbox">
  <p>Here's a very interesting note displayed in a lovely shadowed box.</p>
</div>
```


#### CSS


```css
.shadowbox {
  width: 15em;
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}
```


#### Result

Technical summary
-----------------

|  |  |
| --- | --- |
| Content categories | Flow content, palpable content. |
| Permitted content | Flow content.Or (in WHATWG HTML): If the parent is a
 `<dl>` element: one or more
 `<dt>` elements followed by one or more
 `<dd>` elements, optionally intermixed with
 `<script>` and
 `<template>` elements.
  |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | 
 Any element that accepts
 flow content.Or (in WHATWG HTML):
 `<dl>` element.
  |
| Implicit ARIA role | `generic` |
| Permitted ARIA roles | Any |
| DOM interface | `HTMLDivElement` |

Specifications
--------------

| Specification |
| --- |
| HTML Standard # the-div-element |

Browser compatibility
---------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

See also
--------

* Semantic sectioning elements: `<section>`, `<article>`, `<nav>`, `<header>`, `<footer>`
* `<span>` element for styling of phrasing content
<samp>: The Sample Output element
=================================

The **`<samp>`** HTML element is used to enclose inline text which represents sample (or quoted) output from a computer program. Its contents are typically rendered using the browser's default monospaced font (such as Courier or Lucida Console).

Try it
------

Attributes
----------

This element only includes the global attributes.

Usage notes
-----------

You can use a CSS rule to override the browser's default font face for the `<samp>` element; however, it's possible that the browser's preferences may take precedence over any CSS you specify.

The CSS to override the default font face would look like this:


```css
samp {
  font-family: "Courier";
}
```


**Note:** If you need an element which will serve as a container for output generated by your website or app's JavaScript code, you should instead use the `<output>` element.

Examples
--------

### Basic example

In this simple example, a paragraph includes an example of the output of a program.


```html
<p>
  When the process is complete, the utility will output the text
  <samp>Scan complete. Found <em>N</em> results.</samp> You can then proceed to
  the next step.
</p>
```


#### Result

### Sample output including user input

You can nest the `<kbd>` element within a `<samp>` block to present an example that includes text entered by the user. For example, consider this text presenting a transcript of a Linux (or macOS) console session:

#### HTML


```html
<pre>
<samp><span class="prompt">mike@interwebz:~$</span> <kbd>md5 -s "Hello world"</kbd>
MD5 ("Hello world") = 3e25960a79dbc69b674cd4ec67a72c62

<span class="prompt">mike@interwebz:~$</span> <span class="cursor">█</span></samp></pre>
```


Note the use of `<span>` to allow customization of the appearance of specific portions of the sample text such as the shell prompts and the cursor. Note also the use of `<kbd>` to represent the command the user entered at the prompt in the sample text.

#### CSS

The CSS that achieves the appearance we want is:


```css
.prompt {
  color: #b00;
}

samp > kbd {
  font-weight: bold;
}

.cursor {
  color: #00b;
}
```


This gives the prompt and cursor fairly subtle colorization and emboldens the keyboard input within the sample text.

#### Result

The resulting output is this:

Technical summary
-----------------

|  |  |
| --- | --- |
| Content categories | Flow content,
 phrasing content, palpable content.
  |
| Permitted content | Phrasing content. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | 
 Any element that accepts
 phrasing content.
  |
| Implicit ARIA role | `generic` |
| Permitted ARIA roles | Any |
| DOM interface | `HTMLElement` |

Specifications
--------------

| Specification |
| --- |
| HTML Standard # the-samp-element |

Browser compatibility
---------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

See also
--------

* Related elements: `<kbd>`, `<code>`, `<pre>`
* The `<output>` element: a container for script-generated output
<portal>: The Portal element
============================

**Experimental:** **This is an experimental technology**  
Check the Browser compatibility table carefully before using this in production.

The **`<portal>`** HTML element enables the embedding of another HTML page into the current one for the purposes of allowing smoother navigation into new pages.

A `<portal>` is similar to an `<iframe>`. An `<iframe>` allows a separate browsing context to be embedded. However, the embedded content of a `<portal>` is more limited than that of an `<iframe>`. It cannot be interacted with, and therefore is not suitable for embedding widgets into a document. Instead, the `<portal>` acts as a preview of the content of another page. It can be navigated into therefore allowing for seamless transition to the embedded content.

Attributes
----------

This element includes the global attributes.

`referrerpolicy`

Sets the referrer policy to use when requesting the page at the URL given as the value of the `src` attribute.

`src`

The URL of the page to embed.

Examples
--------

### Basic example

The following example will embed the contents of `https://example.com` as a preview.


```html
<portal id="exampleportal" src="https://example.com/"></portal>
```

Accessibility concerns
----------------------

The preview displayed by a `<portal>` is not interactive, therefore does not receive input events or focus. Therefore the embedded contents of the portal are not exposed as elements in the accessibility tree. The portal can be navigated to and activated like a button, the default behavior when clicking on the portal is to activate it.

Portals are given a default label which is the title of the embedded page. If no title is present the visible text in the preview is concatenated to create a label. The `aria-label` attribute can be used to override this.

Portals used for prerendering only should be hidden with the hidden HTML attribute or the CSS `display` property with a value of `none`.

When using animations during portal activation the `prefers-reduced-motion` media feature should be respected.

Technical summary
-----------------

|  |  |
| --- | --- |
| Implicit ARIA role | button |
| DOM interface | `HTMLPortalElement` |

Specifications
--------------

| Specification |
| --- |
| Portals # the-portal-element |

Browser compatibility
---------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
<time>: The (Date) Time element
===============================

The **`<time>`** HTML element represents a specific period in time. It may include the `datetime` attribute to translate dates into machine-readable format, allowing for better search engine results or custom features such as reminders.

It may represent one of the following:

* A time on a 24-hour clock.
* A precise date in the Gregorian calendar (with optional time and timezone information).
* A valid time duration.
Try it
------

Attributes
----------

Like all other HTML elements, this element supports the global attributes.

`datetime`

This attribute indicates the time and/or date of the element and must be in one of the formats described below.

Usage notes
-----------

This element is for presenting dates and times in a machine-readable format. For example, this can help a user agent offer to add an event to a user's calendar.

This element should not be used for dates prior to the introduction of the Gregorian calendar (due to complications in calculating those dates).

The *datetime value* (the machine-readable value of the datetime) is the value of the element's `datetime` attribute, which must be in the proper format (see below). If the element does not have a `datetime` attribute, **it must not have any element descendants**, and the *datetime value* is the element's child text content.

### Valid datetime values

a valid year string

`2011`

a valid month string

`2011-11`

a valid date string

`2011-11-18`

a valid yearless date string

`11-18`

a valid week string

`2011-W47`

a valid time string

`14:54`

`14:54:39`

`14:54:39.929`

a valid local date and time string

`2011-11-18T14:54:39.929`

`2011-11-18 14:54:39.929`

a valid global date and time string

`2011-11-18T14:54:39.929Z`

`2011-11-18T14:54:39.929-0400`

`2011-11-18T14:54:39.929-04:00`

`2011-11-18 14:54:39.929Z`

`2011-11-18 14:54:39.929-0400`

`2011-11-18 14:54:39.929-04:00`

a valid duration string

`PT4H18M3S`

Examples
--------

### Simple example

#### HTML


```html
<p>The concert starts at <time datetime="2018-07-07T20:00:00">20:00</time>.</p>
```


#### Result

### `datetime` example

#### HTML


```html
<p>
  The concert took place on <time datetime="2001-05-15T19:00">May 15</time>.
</p>
```


#### Result

Technical summary
-----------------

|  |  |
| --- | --- |
| Content categories | Flow content,
 phrasing content, palpable content.
  |
| Permitted content | Phrasing content. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | 
 Any element that accepts
 phrasing content.
  |
| Implicit ARIA role | `time` |
| Permitted ARIA roles | Any |
| DOM interface | `HTMLTimeElement` |

Specifications
--------------

| Specification |
| --- |
| HTML Standard # the-time-element |

Browser compatibility
---------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

See also
--------

* The `<data>` element, allowing to signal other kind of values.
<figcaption>: The Figure Caption element
========================================

The **`<figcaption>`** HTML element represents a caption or legend describing the rest of the contents of its parent `<figure>` element, providing the `<figure>` an accessible description.

Try it
------

Attributes
----------

This element only includes the global attributes.

Examples
--------

Please see the `<figure>` page for examples on `<figcaption>`.

Technical summary
-----------------

|  |  |
| --- | --- |
| Content categories | None. |
| Permitted content | Flow content. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | 
 A `<figure>` element; the
 `<figcaption>` element must be its first or last child.
  |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | `group`, `none`,
 `presentation` |
| DOM interface | `HTMLElement` |

Specifications
--------------

| Specification |
| --- |
| HTML Standard # the-figcaption-element |

Browser compatibility
---------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

See also
--------

* The `<figure>` element.
: The Strikethrough element
==============================

The **`
`** HTML element renders text with a strikethrough, or a line through it. Use the `
` element to represent things that are no longer relevant or no longer accurate. However, `
` is not appropriate when indicating document edits; for that, use the `<del>` and `<ins>` elements, as appropriate.

Try it
------

|  |  |
| --- | --- |
| Content categories | Phrasing content,
 flow content.
  |
| Permitted content | Phrasing content. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | 
 Any element that accepts
 phrasing content.
  |
| Implicit ARIA role | `deletion` |
| Permitted ARIA roles | Any |
| DOM interface | `HTMLElement` |

Attributes
----------

This element only includes the global attributes.

Examples
--------


```css
.sold-out {
  text-decoration: line-through;
}
```



```html

Today's Special: Salmon
 SOLD OUT<br />
<span class="sold-out">Today's Special: Salmon</span> SOLD OUT
```

### Result

Accessibility concerns
----------------------

The presence of the `s` element is not announced by most screen reading technology in its default configuration. It can be made to be announced by using the CSS `content` property, along with the `::before` and `::after` pseudo-elements.


```css
s::before,
s::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

s::before {
  content: " [start of stricken text] ";
}

s::after {
  content: " [end of stricken text] ";
}
```


Some people who use screen readers deliberately disable announcing content that creates extra verbosity. Because of this, it is important to not abuse this technique and only apply it in situations where not knowing content has been struck out would adversely affect understanding.

* Short note on making your mark (more accessible) | The Paciello Group
* Tweaking Text Level Styles | Adrian Roselli
Specifications
--------------

| Specification |
| --- |
| HTML Standard # the-s-element |

Browser compatibility
---------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

See also
--------

* The `<strike>` element, alter ego of the `
` element, is obsolete and should not be used on websites anymore.
* The `<del>` element is to be used instead if the data has been *deleted*.
* The CSS `text-decoration-line` property is to be used to achieve the former visual aspect of the `
` element.
<rtc>: The Ruby Text Container element
======================================

**Deprecated:** This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

The **`<rtc>`** HTML element embraces semantic annotations of characters presented in a ruby of `<rb>` elements used inside of `<ruby>` element. `<rb>` elements can have both pronunciation (`<rt>`) and semantic (`<rtc>`) annotations.

Try it
------

Attributes
----------

This element only includes the global attributes.

Examples
--------


```html
<div class="info">
  <ruby>
    <rtc>
      <rb>旧</rb><rt>jiù</rt>
      <rb>金</rb><rt>jīn</rt>
      <rb>山</rb><rt>shān</rt>
    </rtc>
    <rtc>San Francisco</rtc>
  </ruby>
</div>
```


```
.info {
  padding-top: 10px;
  font-size: 36px;
}
```

### Result

Technical summary
-----------------

|  |  |
| --- | --- |
| Content categories | None. |
| Permitted content | Phrasing content
 or `<rt>` elements.
  |
| Tag omission | 
 The closing tag can be omitted if it is immediately followed by a
 `<rb>`, `<rtc>` or
 `<rt>` element opening tag or by its parent
 closing tag.
  |
| Permitted parents | A `<ruby>` element. |
| Permitted ARIA roles | Any |
| DOM interface | `HTMLElement` |

Specifications
--------------

| Specification |
| --- |
| HTML Standard # rtc |

Browser compatibility
---------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

See also
--------

* `<ruby>`
* `<rp>`
* `<rb>`
* `<rt>`