recursal/MDN huggingface dataset:
spellcheck
==========

The **`spellcheck`** global attribute is an enumerated attribute that defines whether the element may be checked for spelling errors.

**Note:** This attribute is merely a hint for the browser: browsers are not required to check for spelling errors. Typically non-editable elements are not checked for spelling errors, even if the `spellcheck` attribute is set to `true` and the browser supports spellchecking.

Try it
------

It may have the following values:

* empty string or `true`, which indicates that the element should be, if possible, checked for spelling errors;
* `false`, which indicates that the element should not be checked for spelling errors.

If this attribute is not set, its default value is element-type and browser-defined. This default value may also be *inherited*, which means that the element content will be checked for spelling errors only if its nearest ancestor has a *spellcheck* state of `true`.

Security and privacy concerns
-----------------------------

 Using spellchecking can have consequences for users' security and privacy.
 The specification does not regulate *how* spellchecking is done and the content of the element may be sent to a third party for spellchecking results (see enhanced spellchecking and "spell-jacking").

You should consider setting `spellcheck` to `false` for elements that can contain sensitive information.

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

| Specification |
| --- |
| HTML Standard # attr-spellcheck |

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

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

See also
--------

* All global attributes.
<del>: The Deleted Text element
===============================

The **`<del>`** HTML element represents a range of text that has been deleted from a document. This can be used when rendering "track changes" or source code diff information, for example. The `<ins>` element can be used for the opposite purpose: to indicate text that has been added to the document.

Try it
------

This element is often (but need not be) rendered by applying a strike-through style to the text.

|  |  |
| --- | --- |
| 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 | `deletion` |
| Permitted ARIA roles | Any |
| DOM interface | `HTMLModElement` |

Attributes
----------

This element's attributes include the global attributes.

`cite`

A URI for a resource that explains the change (for example, meeting minutes).

`datetime`

This attribute indicates the time and date of the change and must be a valid date string with an optional time. 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 Date strings. The format of the string if it includes both date and time is covered in Local date and time strings.

Examples
--------


```html
<p><del>This text has been deleted</del>, here is the rest of the paragraph.</p>
<del><p>This paragraph has been deleted.</p></del>
```

### Result

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

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

del::before {
  content: " [deletion start] ";
}

del::after {
  content: " [deletion 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 deleted 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-del-element |

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

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

See also
--------

* `<ins>` element for insertions into a text
* `
` element for strikethrough separate from representing deletion of text
<embed>: The Embed External Content element
===========================================

The **`<embed>`** HTML element embeds external content at the specified point in the document. This content is provided by an external application or other source of interactive content such as a browser plug-in.

Try it
------

**Note:** This topic documents only the element that is defined as part of the HTML Living Standard. It does not address earlier, non-standardized implementation of the element.

Keep in mind that most modern browsers have deprecated and removed support for browser plug-ins, so relying upon `<embed>` is generally not wise if you want your site to be operable on the average user's browser.

Attributes
----------

This element's attributes include the global attributes.

`height`

The displayed height of the resource, in CSS pixels. This must be an absolute value; percentages are *not* allowed.

`src`

The URL of the resource being embedded.

`type`

The MIME type to use to select the plug-in to instantiate.

`width`

The displayed width of the resource, in CSS pixels. This must be an absolute value; percentages are *not* allowed.

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

You can use the `object-position` property to adjust the positioning of the embedded object within the element's frame, and the `object-fit` property to control how the object's size is adjusted to fit within the frame.

Examples
--------


```html
<embed
 type="video/quicktime"
 src="movie.mov"
 width="640"
 height="480"
 title="Title of my video" />
```

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

Use the `title` attribute on an `embed` element to label its content so that people navigating with assistive technology such as a screen reader can understand what it contains. The title's value should concisely describe the embedded content. Without a title, they may not be able to determine what its embedded content is. This context shift can be confusing and time-consuming, especially if the `embed` element contains interactive content like video or audio.

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

|  |  |
| --- | --- |
| Content categories | Flow content,
 phrasing content, embedded content, interactive content,
 palpable content.
  |
| Permitted content | None; it is a void element. |
| Tag omission | Must have a start tag, and must not have an end tag. |
| Permitted parents | Any element that accepts embedded content. |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | `application`, `document`,
 `img`, `none`,
 `presentation` |
| DOM interface | `HTMLEmbedElement` |

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

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

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

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

See also
--------

* Other elements that are used for embedding content of various types include `<audio>`, `<canvas>`, `<iframe>`, `<img>`, `<math>`, `<object>`, `<svg>`, and `<video>`.
* Positioning and sizing the embedded content within its frame: `object-position` and `object-fit`
<output>: The Output element
============================

The **`<output>`** HTML element is a container element into which a site or app can inject the results of a calculation or the outcome of a user action.

Attributes
----------

This element includes the global attributes.

`for`

A space-separated list of other elements' `id`s, indicating that those elements contributed input values to (or otherwise affected) the calculation.

`form`

The `<form>` element to associate the output with (its *form owner*). The value of this attribute must be the `id` of a `<form>` in the same document. (If this attribute is not set, the `<output>` is associated with its ancestor `<form>` element, if any.)

This attribute lets you associate `<output>` elements to `<form>`s anywhere in the document, not just inside a `<form>`. It can also override an ancestor `<form>` element.

`name`

The element's name. Used in the `form.elements` API.

The `<output>` value, name, and contents are NOT submitted during form submission.

Examples
--------

In the following example, the form provides a slider whose value can range between `0` and `100`, and an `<input>` element into which you can enter a second number. The two numbers are added together, and the result is displayed in the `<output>` element each time the value of any of the controls changes.


```html
<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
  <input type="range" id="b" name="b" value="50" /> +
  <input type="number" id="a" name="a" value="10" /> =
  <output name="result" for="a b">60</output>
</form>
```

### Result

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

Many browsers implement this element as an `aria-live` region. Assistive technology will thereby announce the results of UI interactions posted inside it without requiring that focus is switched away from the controls that produce those results.

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

|  |  |
| --- | --- |
| Content categories | Flow content,
 phrasing content,
 listed,
 labelable,
 resettable
form-associated element, 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 | `status` |
| Permitted ARIA roles | Any |
| DOM interface | `HTMLOutputElement` |

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

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

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

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

The **`<caption>`** HTML element specifies the caption (or title) of a table, providing the table an accessible description.

Try it
------

Attributes
----------

This element includes the global attributes.

### Deprecated attributes

The following attributes are deprecated and should not be used. They are documented below for reference when updating existing code and for historical interest only.

`align` 
Deprecated

This enumerated attribute indicates how the caption must be aligned with respect to the table. It may have one of the following values:

`left`

The caption is displayed to the left of the table.

`top`

The caption is displayed above the table.

`right`

The caption is displayed to the right of the table.

`bottom`

The caption is displayed below the table.


**Warning:** Do not use this attribute, as it has been deprecated. The `<caption>` element should be styled using the CSS properties `caption-side` and `text-align`.

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

If used, the `<caption>` element must be the first child of its parent `<table>` element.

When the `<table>` element that contains the `<caption>` is the only descendant of a `<figure>` element, you should use the `<figcaption>` element instead of `<caption>`.

A `background-color` on the table will not include the caption. Add a `background-color` to the `<caption>` element as well if you want the same color to be behind both.

Example
-------

This simple example presents a table that includes a caption.


```html
<table>
  <caption>
    Example Caption
  </caption>
  <tr>
    <th>Login</th>
    <th>Email</th>
  </tr>
  <tr>
    <td>user1</td>
    <td>user1@sample.com</td>
  </tr>
  <tr>
    <td>user2</td>
    <td>user2@sample.com</td>
  </tr>
</table>
```


```
caption {
  caption-side: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0px;
}
table,
th,
td {
  border: 1px solid black;
}
```

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

|  |  |
| --- | --- |
| Content categories | None. |
| Permitted content | Flow content. |
| Tag omission | 
 The end tag can be omitted if the element is not immediately followed by
 ASCII whitespace or a comment.
  |
| Permitted parents | A `<table>` element, as its first descendant. |
| Implicit ARIA role | `caption` |
| Permitted ARIA roles | No `role` permitted |
| DOM interface | `HTMLTableCaptionElement` |

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

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

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

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

See also
--------

* CSS properties that may be specially useful to style the `<caption>` element:
    + `text-align`, `caption-side`.
<wbr>: The Line Break Opportunity element
=========================================

The **`<wbr>`** HTML element represents a word break opportunity—a position within text where the browser may optionally break a line, though its line-breaking rules would not otherwise create a break at that location.

Try it
------

Attributes
----------

This element only includes the global attributes.

Notes
-----

On UTF-8 encoded pages, `<wbr>` behaves like the `U+200B ZERO-WIDTH SPACE` code point. In particular, it behaves like a Unicode bidi BN code point, meaning it has no effect on bidi-ordering: `<div dir=rtl>123,<wbr>456</div>` displays, when not broken on two lines, `123,456` and not `456,123`.

For the same reason, the `<wbr>` element does not introduce a hyphen at the line break point. To make a hyphen appear only at the end of a line, use the soft hyphen character entity (`&shy;`) instead.

Examples
--------

*The Yahoo Style Guide* recommends breaking a URL *before* punctuation, to avoid leaving a punctuation mark at the end of the line, which the reader might mistake for the end of the URL.


```html
<p>
  http://this<wbr />.is<wbr />.a<wbr />.really<wbr />.long<wbr />.example<wbr />.com/With<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages
</p>
```

### Result

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

|  |  |
| --- | --- |
| Content categories | Flow content,
 phrasing content.
  |
| Permitted content | Empty |
| Tag omission | 
 It is a void element; it must have a start
 tag, but must not have an end tag.
  |
| Permitted parents | 
 Any element that accepts
 phrasing content.
  |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | Any |
| DOM interface | `HTMLElement` |

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

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

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

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

See also
--------

* `overflow-wrap`
* `word-break`
* `hyphens`
* The `<br>` element
<acronym>
=========

**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 **`<acronym>`** HTML element allows authors to clearly indicate a sequence of characters that compose an acronym or abbreviation for a word.

**Warning:** Don't use this element. Use the `<abbr>` element instead.

Attributes
----------

This element only has global attributes, which are common to all elements.

DOM Interface
-------------

This element implements the `HTMLElement` interface.

Examples
--------


```html
<p>
  The <acronym title="World Wide Web">WWW</acronym> is only a component of the
  Internet.
</p>
```

### Result

Default styling
---------------

Though the purpose of this tag is purely for the convenience of the author, its default styling varies from one browser to another:

* Opera, Firefox, Chrome, and some others add a dotted underline to the content of the element.
* A few browsers not only add a dotted underline, but also put it in small caps; to avoid this styling, adding something like `font-variant``: none` in the CSS takes care of this case.

It is therefore recommended that web authors either explicitly style this element, or accept some cross-browser variation.

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

| Specification |
| --- |
| HTML Standard # acronym |

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

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

See also
--------

* The `<abbr>` HTML element
<span>: The Content Span element
================================

The **`<span>`** HTML element is a generic inline container for phrasing content, which does not inherently represent anything. It can be used to group elements for styling purposes (using the `class` or `id` attributes), or because they share attribute values, such as `lang`. It should be used only when no other semantic element is appropriate. `<span>` is very much like a `<div>` element, but `<div>` is a block-level element whereas a `<span>` is an inline-level element.

Try it
------

Attributes
----------

This element only includes the global attributes.

Example
-------

### Example 1

#### HTML


```html
<p><span>Some text</span></p>
```


#### Result

### Example 2

#### HTML


```html
<li>
  <span>
    <a href="portfolio.html" target="\_blank">See my portfolio</a>
  </span>
</li>
```


#### CSS


```css
li span {
  background: gold;
}
```


#### Result

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

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

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

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

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

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

See also
--------

* HTML `<div>` element
<plaintext>: The Plain Text element (Deprecated)
================================================

**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 **`<plaintext>`** HTML element renders everything following the start tag as raw text, ignoring any following HTML. There is no closing tag, since everything after it is considered raw text.

**Warning:** Do not use this element.

* `<plaintext>` is deprecated since HTML 2, and not all browsers implemented it. Browsers that did implement it didn't do so consistently.
* `<plaintext>` is obsolete; browsers that accept it may instead treat it as a `<pre>` element that still interprets HTML within.
* If `<plaintext>` is the first element on the page (other than any non-displayed elements, like `<head>`), do not use HTML at all. Instead serve a text file with the `text/plain` MIME-type.
* Instead of `<plaintext>`, use the `<pre>` element or, if semantically accurate (such as for inline text), the `<code>` element. Escape any `<`, `>` and `&` characters, to prevent browsers inadvertently parsing content the element content as HTML.
* A monospaced font can be applied to any HTML element via a CSS `font-family` style with the `monospace` generic value.

Attributes
----------

This element has no other attributes than the global attributes common to all elements.

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

This element implements the `HTMLElement` interface.

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

| Specification |
| --- |
| HTML Standard # plaintext |

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

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

See also
--------

* The `<pre>` and `<code>` elements, which should be used instead.
* The `<xmp>` element, also obsolete, similar to `<plaintext>`.
<q>: The Inline Quotation element
=================================

The **`<q>`** HTML element indicates that the enclosed text is a short inline quotation. Most modern browsers implement this by surrounding the text in quotation marks. This element is intended for short quotations that don't require paragraph breaks; for long quotations use the `<blockquote>` element.

Try it
------

Attributes
----------

This element includes the global attributes.

`cite`

The value of this attribute is 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.

Examples
--------


```html
<p>
  According to Mozilla's website,
  <q cite="https://www.mozilla.org/en-US/about/history/details/">
    Firefox 1.0 was released in 2004 and became a big success.
  </q>
</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 | `generic` |
| Permitted ARIA roles | Any |
| DOM interface | `HTMLQuoteElement` |

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

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

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

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

See also
--------

* The `<blockquote>` element for long quotations.
* The `<cite>` element for source citations.