recursal/MDN huggingface dataset:
<frame>
=======

**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 **`<frame>`** HTML element defines a particular area in which another HTML document can be displayed. A frame should be used within a `<frameset>`.

Using the `<frame>` element is not encouraged because of certain disadvantages such as performance problems and lack of accessibility for users with screen readers. Instead of the `<frame>` element, `<iframe>` may be preferred.

Attributes
----------

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

`src` 
Deprecated

This attribute specifies the document that will be displayed by the frame.

`name` 
Deprecated

This attribute is used for labeling frames. Without labeling, every link will open in the frame that it's in – the closest parent frame. See the `target` attribute for more information.

`noresize` 
Deprecated

This attribute prevents resizing of frames by users.

`scrolling` 
Deprecated

This attribute defines the existence of a scrollbar. If this attribute is not used, the browser adds a scrollbar when necessary. There are two choices: "yes" for forcing a scrollbar even when it is not necessary and "no" for forcing no scrollbar even when it *is* necessary.

`marginheight` 
Deprecated

This attribute defines the height of the margin between frames.

`marginwidth` 
Deprecated

This attribute defines the width of the margin between frames.

`frameborder` 
Deprecated

This attribute allows you to specify a frame's border.

Example
-------

### A frameset document

A frameset document has a `<frameset>` element instead of a `<body>` element. The `<frame>` elements are placed within the `<frameset>`.


```html
<!doctype html>
<html lang="en-US">
  <head>
    <!-- Document metadata goes here -->
  </head>
  <frameset cols="400, 500">
    <frame src="https://developer.mozilla.org/en/HTML/Element/iframe" />
    <frame src="https://developer.mozilla.org/en/HTML/Element/frame" />
  </frameset>
</html>
```


If you want to embed another HTML page into the `<body>` of a document, use an `<iframe>` element.

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

| Specification |
| --- |
| HTML Standard # frame |

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

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

See also
--------

* `<frameset>`
* `<iframe>`
<base>: The Document Base URL element
=====================================

The **`<base>`** HTML element specifies the base URL to use for all *relative* URLs in a document. There can be only one `<base>` element in a document.

A document's used base URL can be accessed by scripts with `Node.baseURI`. If the document has no `<base>` elements, then `baseURI` defaults to `location.href`.

|  |  |
| --- | --- |
| Content categories | Metadata content. |
| Permitted content | None; it is a void element. |
| Tag omission | There must be no closing tag. |
| Permitted parents | A `<head>` that doesn't contain another `<base>` element. |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | No `role` permitted |
| DOM interface | `HTMLBaseElement` |

Attributes
----------

This element's attributes include the global attributes.

**Warning:** A `<base>` element must have an `href` attribute, a `target` attribute, or both.
 If at least one of these attributes are specified, the `<base>` element **must** come before other elements with attribute values that are URLs, such as a `<link>`'s `href` attribute.


`href`

 The base URL to be used throughout the document for relative URLs.
 Absolute and relative URLs are allowed.
 `data:` and `javascript:` URLs are not allowed.


`target`

A **keyword** or **author-defined name** of the default browsing context to show the results of navigation from `<a>`, `<area>`, or `<form>` elements without explicit `target` attributes. The following keywords have special meanings:

* `_self` (default): Show the result in the current browsing context.
* `_blank`: Show the result in a new, unnamed browsing context.
* `_parent`: Show the result in the parent browsing context of the current one, if the current page is inside a frame. If there is no parent, acts the same as `_self`.
* `_top`: Show the result in the topmost browsing context (the browsing context that is an ancestor of the current one and has no parent). If there is no parent, acts the same as `_self`.

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

### Multiple <base> elements

If multiple `<base>` elements are used, only the first `href` and first `target` are obeyed — all others are ignored.

### In-page anchors

Links pointing to a fragment in the document — e.g. `<a href="#some-id">` — are resolved with the `<base>`, triggering an HTTP request to the base URL with the fragment attached.

For example, given `<base href="https://example.com/">` and this link: `<a href="#anchor">To anchor</a>`. The link points to `https://example.com/#anchor`.

### Open Graph

Open Graph tags do not acknowledge `<base>`, and should always have full absolute URLs. For example:


```html
<meta property="og:image" content="https://example.com/thumbnail.jpg" />
```

Examples
--------


```html
<base href="https://www.example.com/" />
<base target="\_blank" />
<base target="\_top" href="https://example.com/" />
```

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

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

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
<menu>: The Menu element
========================

The **`<menu>`** HTML element is described in the HTML specification as a semantic alternative to `<ul>`, but treated by browsers (and exposed through the accessibility tree) as no different than `<ul>`. It represents an unordered list of items (which are represented by `<li>` elements).

Try it
------

Attributes
----------

This element only includes the global attributes.

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

The `<menu>` and `<ul>` elements both represent an unordered list of items. The key difference is that `<ul>` primarily contains items for display, while `<menu>` was intended for interactive items. The related `<menuitem>` element has been deprecated.

**Note:** In early versions of the HTML specification, the `<menu>` element had an additional use case as a context menu. This functionality is considered obsolete and is not in the specification.

Examples
--------

### Toolbar

In this example, a `<menu>` is used to create a toolbar for an editing application.

#### HTML


```html
<menu>
  <li><button onclick="copy()">Copy</button></li>
  <li><button onclick="cut()">Cut</button></li>
  <li><button onclick="paste()">Paste</button></li>
</menu>
```


Note that this is functionally no different from:


```html
<ul>
  <li><button onclick="copy()">Copy</button></li>
  <li><button onclick="cut()">Cut</button></li>
  <li><button onclick="paste()">Paste</button></li>
</ul>
```


#### CSS


```css
menu,
ul {
  display: flex;
  list-style: none;
  padding: 0;
  width: 400px;
}

li {
  flex-grow: 1;
}

button {
  width: 100%;
}
```


#### Result

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

|  |  |
| --- | --- |
| Content categories | 
Flow content. If the element's children include at least one
 `<li>` element:
 Palpable content.
  |
| Permitted content | 
 Zero or more occurrences of `<li>`,
 `<script>`, and
 `<template>`.
  |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | 
 Any element that accepts
 flow content.
  |
| Implicit ARIA role | `list` |
| Permitted ARIA roles | `directory`, `group`,
 `listbox`, `menu`, `menubar`,
 `none`, `presentation`,
 `radiogroup`, `tablist`,
 `toolbar` or `tree` |
| DOM interface | `HTMLMenuElement` |

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

| Specification |
| --- |
| HTML Standard # the-menu-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: `<ol>`, `<ul>`, and `<li>`.
<blockquote>: The Block Quotation element
=========================================

The **`<blockquote>`** HTML element indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see Notes for how to change it). A URL for the source of the quotation may be given using the `cite` attribute, while a text representation of the source can be given using the `<cite>` element.

Try it
------

Attributes
----------

This element's attributes include the global attributes.

`cite`

A URL that designates a source document or message for the information quoted. This attribute is intended to point to information explaining the context or the reference for the quote.

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

To change the indentation applied to the quoted text, use the CSS `margin-left` and/or `margin-right` properties, or the `margin` shorthand property.

To include shorter quotes inline rather than in a separate block, use the `<q>` (Quotation) element.

Examples
--------

This example demonstrates the use of the `<blockquote>` element to quote a passage from RFC 1149, *A Standard for the Transmission of IP Datagrams on Avian Carriers*.


```html
<blockquote cite="https://datatracker.ietf.org/doc/html/rfc1149">
  <p>
    Avian carriers can provide high delay, low throughput, and low altitude
    service. The connection topology is limited to a single point-to-point path
    for each carrier, used with standard carriers, but many carriers can be used
    without significant interference with each other, outside early spring. This
    is because of the 3D ether space available to the carriers, in contrast to
    the 1D ether used by IEEE802.3. The carriers have an intrinsic collision
    avoidance system, which increases availability.
  </p>
</blockquote>
```

### Result

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

|  |  |
| --- | --- |
| Content categories | Flow content, sectioning root, palpable content. |
| Permitted content | Flow content. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | 
 Any element that accepts
 flow content.
  |
| Implicit ARIA role | `blockquote` |
| Permitted ARIA roles | Any |
| DOM interface | `HTMLQuoteElement` |

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

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

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

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

See also
--------

* The `<q>` element for inline quotations.
* The `<cite>` element for source citations.
<small>: the side comment element
=================================

The **`<small>`** HTML element represents side-comments and small print, like copyright and legal text, independent of its styled presentation. By default, it renders text within it one font-size smaller, such as from `small` to `x-small`.

Try it
------

Attributes
----------

This element only includes the global attributes.

Examples
--------

### Basic usage


```html
<p>
  This is the first sentence.
  <small>This whole sentence is in small letters.</small>
</p>
```


#### Result

### CSS alternative


```html
<p>
  This is the first sentence.
  <span style="font-size:0.8em">This whole sentence is in small letters.</span>
</p>
```


#### Result

Notes
-----

Although the `<small>` element, like the `<b>` and `<i>` elements, may be perceived to violate the principle of separation between structure and presentation, all three are valid in HTML. Authors are encouraged to use their best judgement when determining whether to use `<small>` or CSS.

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

|  |  |
| --- | --- |
| Content categories | Flow content,
 phrasing content |
| Permitted content | Phrasing content |
| Tag omission | None; must have both a start tag and an end tag. |
| Permitted parents | 
 Any element that accepts
 phrasing content, or any element that accepts
 flow content.
  |
| Implicit ARIA role | `generic` |
| Permitted ARIA roles | Any |
| DOM interface | `HTMLElement` |

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

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

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

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

See also
--------

* `<b>`
* `<sub>` and `<sup>`
* `<font>`
* `<style>`
* HTML 4.01 Specification: Font Styles
<data>: The Data element
========================

The **`<data>`** HTML element links a given piece of content with a machine-readable translation. If the content is time- or date-related, the `<time>` element must be used.

Try it
------

|  |  |
| --- | --- |
| 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 | `HTMLDataElement` |

Attributes
----------

This element's attributes include the global attributes.

`value`

This attribute specifies the machine-readable translation of the content of the element.

Examples
--------

The following example displays product names but also associates each name with a product number.


```html
<p>New Products</p>
<ul>
  <li><data value="398">Mini Ketchup</data></li>
  <li><data value="399">Jumbo Ketchup</data></li>
  <li><data value="400">Mega Jumbo Ketchup</data></li>
</ul>
```

### Result

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

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

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

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

See also
--------

* The HTML `<time>` element.
<rt>: The Ruby Text element
===========================

The **`<rt>`** HTML element specifies the ruby text component of a ruby annotation, which is used to provide pronunciation, translation, or transliteration information for East Asian typography. The `<rt>` element must always be contained within a `<ruby>` element.

Try it
------

See the article about the `<ruby>` element for more examples.

Attributes
----------

This element only includes the global attributes.

Examples
--------

### Using ruby annotations

This simple example provides Romaji transliteration for the kanji characters within the `<ruby>` element:


```html
<ruby> 漢 <rt>Kan</rt> 字 <rt>ji</rt> </ruby>
```


```
body {
  font-size: 22px;
}
```


#### Result

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

|  |  |
| --- | --- |
| Content categories | None. |
| Permitted content | Phrasing content. |
| Tag omission | 
 The end tag may be omitted if the `<rt>` element is
 immediately followed by an `<rt>` or
 `<rp>` element, or if there is no more content in
 the parent element
  |
| Permitted parents | A `<ruby>` element. |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | Any |
| DOM interface | `HTMLElement` |

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

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

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

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

See also
--------

* `<ruby>`
* `<rp>`
* `<rb>`
* `<rtc>`
* `text-transform: full-size-kana`
<ruby>: The Ruby Annotation element
===================================

The **`<ruby>`** HTML element represents small annotations that are rendered above, below, or next to base text, usually used for showing the pronunciation of East Asian characters. It can also be used for annotating other kinds of text, but this usage is less common.

The term *ruby* originated as a unit of measurement used by typesetters, representing the smallest size that text can be printed on newsprint while remaining legible.

Try it
------

|  |  |
| --- | --- |
| 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 | No corresponding role |
| Permitted ARIA roles | Any |
| DOM interface | `HTMLElement` |

Attributes
----------

This element only includes the global attributes.

Examples
--------

### Example 1: Character


```html
<ruby>
  漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>
```


#### Result

### Example 2: Word


```html
<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>
```


#### Result

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

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

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

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

See also
--------

* `<rt>`
* `<rp>`
* `<rb>`
* `<rtc>`
* `text-transform`: full-size-kana
<dd>: The Description Details element
=====================================

The **`<dd>`** HTML element provides the description, definition, or value for the preceding term (`<dt>`) in a description list (`<dl>`).

Try it
------

Attributes
----------

This element's attributes include the global attributes.

`nowrap` 
Non-standard

Deprecated

If the value of this attribute is set to `yes`, the definition text will not wrap. The default value is `no`.

Examples
--------

For examples, see the examples provided for the `<dl>` element.

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

|  |  |
| --- | --- |
| Content categories | None. |
| Permitted content | Flow content. |
| Tag omission | 
 The start tag is required. The end tag may be omitted if this element is
 immediately followed by another `<dd>` element or a
 `<dt>` element, or if there is no more content in
 the parent element.
  |
| Permitted parents | 
 A `<dl>` or a
 `<div>` that is a child of a
 `<dl>`.This element can be used after a
 `<dt>` or another `<dd>`
 element.
  |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | No `role` permitted |
| DOM interface | `HTMLElement` |

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

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

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

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

See also
--------

* `<dl>`
* `<dt>`
<strike>
========

**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 **`<strike>`** HTML element places a strikethrough (horizontal line) over text.

**Warning:** This element is deprecated in HTML 4 and XHTML 1, and obsoleted in the HTML Living Standard. If semantically appropriate, i.e., if it represents *deleted* content, use `<del>` instead. In all other cases use `
`.

Attributes
----------

This element includes the global attributes.

Examples
--------


```html
&lt;strike&gt;: <strike>Today's Special: Salmon</strike> SOLD OUT<br />
&lt;s&gt;: 
Today's Special: Salmon
 SOLD OUT
```

### Result

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

|  |  |
| --- | --- |
| DOM interface | `HTMLElement` |

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

| Specification |
| --- |
| HTML Standard # strike |

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

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

See also
--------

* The `
` element.
* The `<del>` element should be used if the data has been *deleted*.
* The CSS `text-decoration` property can be used to style text with a strikethrough.
<head>: The Document Metadata (Header) element
==============================================

The **`<head>`** HTML element contains machine-readable information (metadata) about the document, like its title, scripts, and style sheets.

**Note:** `<head>` primarily holds information for machine processing, not human-readability. For human-visible information, like top-level headings and listed authors, see the `<header>` element.

Attributes
----------

This element includes the global attributes.

`profile` 
Deprecated

Non-standard

The URIs of one or more metadata profiles, separated by white space.

Examples
--------


```html
<!doctype html>
<html lang="en-US">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Document title</title>
  </head>
</html>
```

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

|  |  |
| --- | --- |
| Content categories | None. |
| Permitted content | 
 If the document is an `<iframe>`
`srcdoc` document, or if title
 information is available from a higher level protocol (like the
 subject line in HTML email), zero or more elements of metadata
 content.


 Otherwise, one or more elements of metadata content where exactly one
 is a `<title>` element.
  |
| Tag omission | 
 The start tag may be omitted if the first thing inside the
 `<head>` element is an element.The end tag may be
 omitted if the first thing following the
 `<head>` element is not a space character or a comment.
  |
| Permitted parents | An `<html>` element, as its first child. |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | No `role` permitted |
| DOM interface | `HTMLHeadElement` |

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

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

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

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

See also
--------

* Elements that can be used inside the `<head>`:
    + `<title>`
    + `<base>`
    + `<link>`
    + `<style>`
    + `<meta>`
    + `<script>`
    + `<noscript>`
    + `<template>`
<noscript>: The Noscript element
================================

The **`<noscript>`** HTML element defines a section of HTML to be inserted if a script type on the page is unsupported or if scripting is currently turned off in the browser.

|  |  |
| --- | --- |
| Content categories | Metadata content,
 flow content,
 phrasing content.
  |
| Permitted content | 
 When scripting is disabled and when it is a descendant of the
 `<head>` element: in any order, zero or more
 `<link>` elements, zero or more
 `<style>` elements, and zero or more
 `<meta>` elements.When scripting is
 disabled and when it isn't a descendant of the
 `<head>` element: any
 transparent content, but no `<noscript>` element must be among its
 descendants.Otherwise: flow content or phrasing content.
  |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | 
 Any element that accepts
 phrasing content, if there are no ancestor `<noscript>` element, or in
 a `<head>` element (but only for an HTML
 document), here again if there are no ancestor
 `<noscript>` element.
  |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | No `role` permitted |
| DOM interface | `HTMLElement` |

Attributes
----------

This element only includes the global attributes.

Examples
--------


```html
<noscript>
  <!-- anchor linking to external file -->
  <a href="https://www.mozilla.org/">External Link</a>
</noscript>
<p>Rocks!</p>
```

### Result with scripting enabled

Rocks!

### Result with scripting disabled

External Link

Rocks!

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

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

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

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