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

**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 **`<font>`** HTML element defines the font size, color and face for its content.

**Warning:** Do not use this element. Use the CSS Fonts properties to style text.

Attributes
----------

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

`color` 
Deprecated

This attribute sets the text color using either a named color or a color specified in the hexadecimal #RRGGBB format.

`face` 
Deprecated

This attribute contains a comma-separated list of one or more font names. The document text in the default style is rendered in the first font face that the client's browser supports. If no font listed is installed on the local system, the browser typically defaults to the proportional or fixed-width font for that system.

`size` 
Deprecated

This attribute specifies the font size as either a numeric or relative value. Numeric values range from `1` to `7` with `1` being the smallest and `3` the default. It can be defined using a relative value, like `+2` or `-3`, which sets it relative to `3`, the default value.

DOM interface
-------------

This element implements the `HTMLFontElement` interface.

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

| Specification |
| --- |
| HTML Standard # font |

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

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

The **`<ins>`** HTML element represents a range of text that has been added to a document. You can use the `<del>` element to similarly represent a range of text that has been deleted from the document.

Try it
------

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

Attributes
----------

This element includes the global attributes.

`cite`

This attribute defines the URI of a resource that explains the change, such as a link to meeting minutes or a ticket in a troubleshooting system.

`datetime`

This attribute indicates the time and date of the change and must be a valid date with an optional time string. If the value cannot be parsed as a date with an optional time string, the element does not have an associated timestamp. For the format of the string without a time, see Format of a valid date string. The format of the string if it includes both date and time is covered in Format of a valid local date and time string.

Examples
--------


```html
<ins>This text has been inserted</ins>
```

### Result

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

The presence of the `<ins>` 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
ins::before,
ins::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

ins::before {
  content: " [insertion start] ";
}

ins::after {
  content: " [insertion end] ";
}
```


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 inserted 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-ins-element |

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

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

See also
--------

* `<del>` element for marking deletion into a document
<br>: The Line Break element
============================

The **`<br>`** HTML element produces a line break in text (carriage-return). It is useful for writing a poem or an address, where the division of lines is significant.

Try it
------

As you can see from the above example, a `<br>` element is included at each point where we want the text to break. The text after the `<br>` begins again at the start of the next line of the text block.

**Note:** Do not use `<br>` to create margins between paragraphs; wrap them in `<p>` elements and use the CSS `margin` property to control their size.

Attributes
----------

This element's attributes include the global attributes.

### Deprecated attributes

`clear` 
Deprecated

Indicates where to begin the next line after the break.

Styling with CSS
----------------

The `<br>` element has a single, well-defined purpose — to create a line break in a block of text. As such, it has no dimensions or visual output of its own, and there is very little you can do to style it.

You can set a `margin` on `<br>` elements themselves to increase the spacing between the lines of text in the block, but this is a bad practice — you should use the `line-height` property that was designed for that purpose.

Examples
--------

### Simple br

In the following example we use `<br>` elements to create line breaks between the different lines of a postal address:


```html
Mozilla<br />
331 E. Evelyn Avenue<br />
Mountain View, CA<br />
94041<br />
USA<br />
```


#### Result

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

Creating separate paragraphs of text using `<br>` is not only bad practice, it is problematic for people who navigate with the aid of screen reading technology. Screen readers may announce the presence of the element, but not any content contained within `<br>`s. This can be a confusing and frustrating experience for the person using the screen reader.

Use `<p>` elements, and use CSS properties like `margin` to control their spacing.

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

|  |  |
| --- | --- |
| Content categories | Flow content,
 phrasing content.
  |
| Permitted content | None; it is a void element. |
| Tag omission | 
 Must have a start tag, and must not have an end tag. In XHTML documents,
 write this element as `<br />`.
  |
| Permitted parents | 
 Any element that accepts
 phrasing content.
  |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | `none`, `presentation` |
| DOM interface | `HTMLBRElement` |

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

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

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

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

See also
--------

* `<address>` element
* `<p>` element
* `<wbr>` element
<image>: The Image 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.

**Non-standard:** This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

 The **`<image>`** HTML element is an ancient and poorly supported precursor to the `<img>` element.
 **It should not be used**.

Some browsers will attempt to automatically convert this into an `<img>` element, and may succeed if the `src` attribute is specified as well.

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

 This does not appear to have been part of any formal specification.
 It was mentioned in HTML+ Discussion Document - Dave Raggett, November 8, 1993 (Section 5.9 - Images), but was not part of the first revision of HyperText Markup Language Specification - 2.0 in 1994.

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

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

See also
--------

* `<img>`: The correct way to display an image in a document
* `<picture>`: A more powerful correct way to display an image in a document
<footer>: The Footer element
============================

The **`<footer>`** HTML element represents a footer for its nearest ancestor sectioning content or sectioning root element. A `<footer>` typically contains information about the author of the section, copyright data or links to related documents.

Try it
------

|  |  |
| --- | --- |
| Content categories | Flow content, palpable content. |
| Permitted content | Flow content, but with no `<footer>` or
 `<header>` descendants.
  |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | 
 Any element that accepts
 flow content. Note that a `<footer>` element must not be a
 descendant of an `<address>`,
 `<header>` or another
 `<footer>` element.
  |
| Implicit ARIA role | contentinfo, or
 generic
 if a descendant of an
 article,
 aside,
 main,
 nav or
 section element, or
 an element with
 `role=article`,
 complementary,
 main,
 navigation
 or
 region |
| Permitted ARIA roles | `group`, `presentation` or
 `none` |
| DOM interface | `HTMLElement` |

Attributes
----------

This element only includes the global attributes.

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

* Enclose information about the author in an `<address>` element that can be included into the `<footer>` element.
* When the nearest ancestor sectioning content or sectioning root element is the body element the footer applies to the whole page.
* The `<footer>` element is not sectioning content and therefore doesn't introduce a new section in the outline.
Examples
--------


```html
<body>
  <h3>FIFA World Cup top goalscorers</h3>
  <ol>
    <li>Miroslav Klose, 16</li>
    <li>Ronaldo Nazário, 15</li>
    <li>Gerd Müller, 14</li>
  </ol>

  <footer>
    <small>
      Copyright © 2023 Football History Archives. All Rights Reserved.
    </small>
  </footer>
</body>
```



```css
footer {
  text-align: center;
  padding: 5px;
  background-color: #abbaba;
  color: #000;
}
```

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

Prior to the release of Safari 13, the `contentinfo` landmark role was not properly exposed by VoiceOver. If needing to support legacy Safari browsers, add `role="contentinfo"` to the `footer` element to ensure the landmark will be properly exposed.

* Related: WebKit Bugzilla: 146930 – AX: HTML native elements (header, footer, main, aside, nav) should work the same as ARIA landmarks, sometimes they don't
Specifications
--------------

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

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

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

See also
--------

* Other section-related elements: `<body>`, `<nav>`, `<article>`, `<aside>`, h1, h2, h3, h4, h5, h6, `<hgroup>`, `<header>`, `<section>`, `<address>`;
* Using HTML sections and outlines
* ARIA: Contentinfo role
<aside>: The Aside element
==========================

The **`<aside>`** HTML element represents a portion of a document whose content is only indirectly related to the document's main content. Asides are frequently presented as sidebars or call-out boxes.

Try it
------

Attributes
----------

This element only includes the global attributes.

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

* Do not use the `<aside>` element to tag parenthesized text, as this kind of text is considered part of the main flow.
Examples
--------

### Using <aside>

This example uses `<aside>` to mark up a paragraph in an article. The paragraph is only indirectly related to the main article content:


```html
<article>
  <p>
    The Disney movie <cite>The Little Mermaid</cite> was first released to
    theatres in 1989.
  </p>
  <aside>
    <p>The movie earned $87 million during its initial release.</p>
  </aside>
  <p>More info about the movie…</p>
</article>
```


#### Result

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

|  |  |
| --- | --- |
| Content categories | Flow content,
 sectioning content,
 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. Note that an `<aside>` element must not be a
 descendant of an `<address>` element.
  |
| Implicit ARIA role | `complementary` |
| Permitted ARIA roles | `feed`, `none`,
 `note`, `presentation`,
 `region`, `search` |
| DOM interface | `HTMLElement` |

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

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

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

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

See also
--------

* Other section-related elements: `<body>`, `<article>`, `<section>`, `<nav>`, h1, h2, h3, h4, h5, h6, `<hgroup>`, `<header>`, `<footer>`, `<address>`;
* Using HTML sections and outlines
* ARIA: Complementary role
<html>: The HTML Document / Root element
========================================

The **`<html>`** HTML element represents the root (top-level element) of an HTML document, so it is also referred to as the *root element*. All other elements must be descendants of this element.

|  |  |
| --- | --- |
| Content categories | None. |
| Permitted content | 
 One `<head>` element, followed by one
 `<body>` element.
  |
| Tag omission | 
 The start tag may be omitted if the first thing inside the
 `<html>` element is not a comment.The end tag may
 be omitted if the `<html>` element is not immediately
 followed by a comment.
  |
| Permitted parents | None. This is the root element of a document. |
| Implicit ARIA role | document |
| Permitted ARIA roles | No `role` permitted |
| DOM interface | `HTMLHtmlElement` |

Attributes
----------

This element includes the global attributes.

`manifest` 
Deprecated

Non-standard

Specifies the URI of a resource manifest indicating resources that should be cached locally.

`version` 
Deprecated

Specifies the version of the HTML Document Type Definition that governs the current document. This attribute is not needed, because it is redundant with the version information in the document type declaration.

`xmlns`

Specifies the XML Namespace of the document. Default value is `"http://www.w3.org/1999/xhtml"`. This is required in documents parsed with XML parsers, and optional in text/html documents.

Example
-------


```html
<!doctype html>
<html lang="en">
  <head>
    <!-- … -->
  </head>
  <body>
    <!-- … -->
  </body>
</html>
```

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

While HTML does not require authors to specify `<html>` element start and ending tags, it is important for authors to do so as it will allow them to specify the `lang` for the webpage. Providing a `lang` attribute with a valid language tag according to RFC 5646: Tags for Identifying Languages (also known as BCP 47) on the `<html>` element will help screen reading technology determine the proper language to announce. The identifying language tag should describe the language used by the majority of the content of the page. Without it, screen readers will typically default to the operating system's set language, which may cause mispronunciations.

Including a valid `lang` declaration on the `<html>` element also ensures that important metadata contained in the page's `<head>`, such as the page's `<title>`, are also announced properly.

* MDN Understanding WCAG, Guideline 3.1 explanations
* Understanding Success Criterion 3.1.1 | W3C Understanding WCAG 2.1
Specifications
--------------

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

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

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

See also
--------

* MathML top-level element: `<math>`
* SVG top-level element: `<svg>`
<dt>: The Description Term element
==================================

The **`<dt>`** HTML element specifies a term in a description or definition list, and as such must be used inside a `<dl>` element. It is usually followed by a `<dd>` element; however, multiple `<dt>` elements in a row indicate several terms that are all defined by the immediate next `<dd>` element.

The subsequent `<dd>` (**Description Details**) element provides the definition or other related text associated with the term specified using `<dt>`.

Try it
------

Attributes
----------

This element only includes the global attributes.

Examples
--------

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

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

|  |  |
| --- | --- |
| Content categories | None. |
| Permitted content | Flow content, but with no `<header>`,
 `<footer>`, sectioning content or heading content
 descendants.
  |
| Tag omission | 
 The start tag is required. The end tag may be omitted if this element is
 immediately followed by another `<dt>` element or a
 `<dd>` element, or if there is no more content in
 the parent element.
  |
| Permitted parents | 
 A `<dl>` or (in WHATWG HTML,
 W3C HTML 5.2 and later) a
 `<div>` that is a child of a
 `<dl>`.This element can be used before a
 `<dd>` or another `<dt>`
 element.
  |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | `listitem` |
| 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-dt-element |

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

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

See also
--------

* `<dl>`
* `<dd>`
<cite>: The Citation element
============================

The **`<cite>`** HTML element is used to mark up the title of a cited creative work. The reference may be in an abbreviated form according to context-appropriate conventions related to citation metadata.

Try it
------

Attributes
----------

This element only includes the global attributes.

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

In the context of the `<cite>` element, a creative work that might be cited could be, for example, one of the following:

* A book
* A research paper
* An essay
* A poem
* A musical score
* A song
* A play or film script
* A film
* A television show
* A game
* A sculpture
* A painting
* A theatrical production
* A play
* An opera
* A musical
* An exhibition
* A legal case report
* A computer program
* A website
* A web page
* A blog post or comment
* A forum post or comment
* A tweet
* A Facebook post
* A written or oral statement
* And so forth.

To include a reference to the source of quoted material which is contained within a `<blockquote>` or `<q>` element, use the `cite` attribute on the element.

Typically, browsers style the contents of a `<cite>` element in italics by default. To avoid this, apply the CSS `font-style` property to the `<cite>` element.

Examples
--------


```html
<p>More information can be found in <cite>[ISO-0000]</cite>.</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 | No corresponding role |
| 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-cite-element |

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

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

See also
--------

* The element `<blockquote>` for long quotations.
* The element `<q>` for inline quotations and the `cite` attribute.
<noembed>: The Embed Fallback 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 **`<noembed>`** HTML element is an obsolete, non-standard way to provide alternative, or "fallback", content for browsers that do not support the `<embed>` element or do not support the type of embedded content an author wishes to use. This element was deprecated in HTML 4.01 and above in favor of placing fallback content between the opening and closing tags of an `<object>` element.

**Note:** While this element currently still works in many browsers, it is obsolete and should not be used. Use `<object>` instead, with fallback content between the opening and closing tags of the element.

Examples
--------

The message inside `<noembed>` tag will appear only when your browser does not support `<embed>` tag.

### Show an alternative content


```html
<embed type="vide/webm" src="/media/examples/flower.mp4" width="200" height="200">
  <noembed>
    <h1>Alternative content</h1>
  </noembed>
</embed>
```

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

| Specification |
| --- |
| HTML Standard # noembed |

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

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