recursal/MDN huggingface dataset:
<noscript>: スクリプト無し要素
=====================

**`<noscript>`** は HTML の要素で、ブラウザーがこのページ上のスクリプトの種類に対応していない場合や、スクリプトの実行が無効にされている場合に表示する HTML の部分を定義します。

|  |  |
| --- | --- |
| コンテンツカテゴリー | メタデータコンテンツ、フローコンテンツ、記述コンテンツ |
| 許可されている内容 | 
 スクリプトの実行が無効かつ `<head>`
 要素の子孫である場合: 任意の順序で、0 個以上の
 `<link>`
 要素、0 個以上の`<style>` 要素、0 個以上の
 `<meta>` 要素。スクリプトの実行が無効かつ
 `<head>` 要素の子孫ではない場合: 任意の透過的コンテンツ、ただし
 `<noscript>`
 要素を入れ子にしてはならない。上記以外の場合:
 フローコンテンツ、記述コンテンツ。
  |
| タグの省略 | 不可。開始と終了タグの両方が必要。 |
| 許可されている親要素 | 
 祖先要素に `<noscript>` が存在しない場合に、記述コンテンツ
 を受け入れるすべての要素。または、祖先要素に
 `<noscript>`
 が存在しない場合に、`<head>` 要素 (HTML
 文書に限る)。
  |
| 暗黙の ARIA ロール | 対応するロールなし |
| 許可されている ARIA ロール | 許可されている `role` なし |
| DOM インターフェイス | `HTMLElement` |

属性
--

この要素にはグローバル属性のみがあります。

例
-


```html
<noscript>
  <!-- 外部ファイルにリンクするアンカー -->
  <a href="https://www.mozilla.org/">外部リンク</a>
</noscript>
<p>ロック！！</p>
```

### スクリプトが有効になっている場合の表示例

ロック！！

### スクリプトが無効になっている場合の表示例

外部リンク

ロック！！

仕様書
---

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

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
<nav>: ナビゲーションセクション要素
=====================

**`<nav>`** は HTML の要素で、現在の文書内の他の部分や他の文書へのナビゲーションリンクを提供するためのセクションを表します。ナビゲーションセクションの一般的な例としてメニュー、目次、索引などがあります。

試してみましょう
--------

|  |  |
| --- | --- |
| コンテンツカテゴリー | フローコンテンツ、
 区分コンテンツ、知覚可能コンテンツ
  |
| 許可されている内容 | フローコンテンツ |
| タグの省略 | 不可。開始と終了タグの両方が必要。 |
| 許可されている親要素 | フローコンテンツを受け入れるすべての要素 |
| 暗黙の ARIA ロール | `navigation` |
| 許可されている ARIA ロール | なし |
| DOM インターフェイス | `HTMLElement` |

属性
--

この要素にはグローバル属性のみがあります。

使用上の注意
------

* すべてのリンクを `<nav>` 要素に入れる必要はありません。`<nav>` はナビゲーションリンクの主要なブロックのみに用います。`<footer>` にもよくリンクのリストが設置されますが、`<nav>` 要素の中に入れる必要はありません。
* `<nav>` 要素は文書内に複数設定することができます。例えば、サイトナビゲーションを一つ、ページ内ナビゲーションを一つなどです。このような場合、アクセシビリティを強化するために、 `aria-labelledby` を使用することができます。例をご覧ください。
* スクリーンリーダーのような障碍者向けのユーザーエージェントは、この要素を使用してナビゲーション用のコンテンツを初期読み上げから省略するかを判断するために使用することがあります。
例
-

この例では、`<nav>` ブロックを使用して、リンクの番号なしリスト (`<ul>`) を囲んでいます。適切な CSS によってサイドバー、ナビゲーションバー、あるいはドロップダウンメニューにすることができます。


```html
<nav class="menu">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>
```


`nav` 要素の意味づけはリンクを提供することです。しかし、`nav` 要素はリストを格納する必要はなく、他の種類のコンテンツを格納することもできます。このナビゲーションブロックでは、リンクは散文で指定されています。


```html
<nav>
  <h2>Navigation</h2>
  <p>
    You are on my home page. To the north lies <a href="/blog">my blog</a>, from
    whence the sounds of battle can be heard. To the east you can see a large
    mountain, upon which many <a href="/school">school papers</a> are littered.
    Far up this mountain you can spy a little figure who appears to be me,
    desperately scribbling a <a href="/school/thesis">thesis</a>.
  </p>
  <p>
    To the west are several exits. One fun-looking exit is labeled
    <a href="https://games.example.com/">"games"</a>. Another more
    boring-looking exit is labeled <a href="https://isp.example.net/">ISP™</a>.
  </p>
  <p>
    To the south lies a dark and dank <a href="/about">contacts page</a>.
    Cobwebs cover its disused entrance, and at one point you see a rat run
    quickly out of the page.
  </p>
</nav>
```

### 結果

仕様書
---

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

ブラウザーの互換性
---------

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

関連情報
----

* 他のセクション関連要素: `<body>`, `<article>`, `<section>`, `<aside>`, h1, h2, h3, h4, h5, h6, `<hgroup>`, `<header>`, `<footer>`, `<address>`
* HTML 文書のセクションとアウトライン
* ARIA: Navigation ロール
<figcaption>: 図キャプション要素
=======================

**`<figcaption>`** は HTML の要素で、親の `<figure>` 要素内にあるその他のコンテンツを説明するキャプションや凡例を表します。

試してみましょう
--------

属性
--

この要素にはグローバル属性のみがあります。

例
-

`<figcaption>` の例については、 `<figure>` のページを参照して下さい。

技術的概要
-----

|  |  |
| --- | --- |
| コンテンツカテゴリー | なし |
| 許可されている内容 | フローコンテンツ |
| タグの省略 | 不可。開始と終了タグの両方が必要。 |
| 許可されている親要素 | `<figure>` 要素。
 `<figcaption>`
 要素は最初または最後の子要素でなければなりません。
  |
| 暗黙の ARIA ロール | 対応するロールなし |
| 許可されている ARIA ロール | `group`, `none` (en-US),
 `presentation` |
| DOM インターフェイス | `HTMLElement` |

仕様書
---

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

ブラウザーの互換性
---------

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

関連情報
----

* `<figure>` 要素
<html>: HTML 文書 / ルート要素
=======================

**`<html>`** は HTML 要素で、 HTML 文書においてルート (基点) となる要素 (最上位要素) であり、*ルート要素*とも呼ばれます。他のすべての要素は、この要素の子孫として配置しなければなりません。

|  |  |
| --- | --- |
| コンテンツカテゴリー | なし |
| 許可されている内容 | ひとつの `<head>` 要素と、それに続くひとつの `<body>` 要素。 |
| タグの省略 | 開始タグは、 `<html>` 要素内の最初のノードがコメントでない場合は省略可能です。終了タグは、 `<html>` 要素の直後にコメントがない場合は省略可能です。 |
| 許可されている親要素 | なし。これは文書のルート要素です。 |
| 暗黙の ARIA ロール | document |
| 許可されている ARIA ロール | 許可されている `role` なし |
| DOM インターフェイス | `HTMLHtmlElement` |

属性
--

この要素にはグローバル属性があります。

`manifest` 
非推奨

Non-standard

ローカルにキャッシュされるべきリソースを示すリソースマニフェストの URI を指定します。

`version` 
非推奨

現在の文書を管理する HTML の文書型定義のバージョンを指定します。文書型宣言のバージョン情報と重複しているため、この属性は必須ではありません。

`xmlns`

文書の XML 名前空間を指定します。既定値は `"http://www.w3.org/1999/xhtml"` です。これは XML パーサーで解釈される文書では必須、 text/html の文書では任意です。

例
-


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

アクセシビリティの考慮
-----------

HTML では `<html>` 要素の開始タグと終了タグを指定する必要はありませんが、ウェブページの `lang` を指定できるようにするために、作者はこれを指定することが重要です。 RFC 5646: Tags for Identifying Languages (also known as BCP 47) に従った有効な言語タグを持つ `lang` 属性を `<html>` 要素に提供すれば、画面の内側へアナウンスするための適切な言語を決定するのに役立ちます。識別言語タグは、ページのコンテンツの大部分で使用されている言語を記述する必要があります。これがないと、画面の内側へ、通常、オペレーティングシステムの設定された言語が既定値として適用され、誤読が発生する可能性があります。

`<html>` 要素に妥当な `lang` を設定することで、ページで `<head>` に含まれる `<title>` などの重要なメタデータについても、正しくアナウンスすることができます。

* MDN "WCAG を理解する ― ガイドライン 3.1 の解説"
* Understanding Success Criterion 3.1.1 | W3C Understanding WCAG 2.1
仕様書
---

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

ブラウザーの互換性
---------

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

関連情報
----

* MathML の最上位要素: `<math>`
* SVG の最上位要素: `<svg>`
<strike>
========

**非推奨:** この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

**`<strike>`** は HTML の要素で、テキストの上に取り消し線（水平線）を引きます。

**警告:** この要素は HTML 4 および XHTML 1 で非推奨になり、HTML5 で廃止されました。意味的に適切であれば、すなわち、*削除された*コンテンツを表すのであれば、代わりに `<del>` を使用してください。それ以外の場合は `
` を使用してください。

属性
--

この要素にはグローバル属性があります。

例
-


```html
&lt;strike&gt;: <strike>今日のおすすめ: サーモン</strike> 売り切れ<br />
&lt;s&gt;: 
今日のおすすめ: サーモン
 売り切れ
```


このコードの結果は次の通りです。

技術的概要
-----

|  |  |
| --- | --- |
| DOM インターフェイス | `HTMLElement` |

仕様書
---

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

ブラウザーの互換性
---------

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

関連情報
----

* `
` 要素
* `<del>` 要素（データが*削除された*場合に使用）
* CSS の `text-decoration` プロパティ（取り消し線のスタイルを実現するために用いることができる）
<strong>: 強い重要性要素
=================

**`<strong>`** は HTML の要素で、内容の重要性、重大性、または緊急性が高いテキストを表します。ブラウザーは一般的に太字で描画します。

試してみましょう
--------

属性
--

この要素にはグローバル属性のみがあります。

使用上のメモ
------

`<strong>` 要素は「強い重要性」のある内容、つまり（警告など）高い重大性や緊急性のある物事のためのものです。これは、ページ全体にとって非常に重要な文である可能性があります。または、いくつかの単語が周囲のコンテンツと比較して重要であると指摘することができます。

通常、この要素は既定で太字で表示されます。しかし、単に太字にするために使用*しない*でください。そのような用途には CSS の `font-weight` プロパティを使用してください。高い水準の重要性を示すことなく、あるテキストに注意を引かせたい場合は `<b>` 要素を使用してください。強調する文字列をマークしたい場合は `<em>` 要素を使用してください。

他に、ページのテキストの中でメモや警告を表す段落のラベルを記述することも `<strong>` の許容される使い方です。

### <b> と <strong>

新しい開発者をよく悩ませることが、ウェブサイトの表示において同じことを表現するために、なぜたくさんの方法があるかということです。`<b>` と `<strong>` はもっともよくある混乱の源で、開発者に「`<b>` と `<strong>` のどちらを使えばいいんですか？どちらも同じことをするんでしょう？」という疑問を起こします。

それは正しくありません。`<strong>` 要素はより高い重要性を持つコンテンツのためのものであるのに対し、 `<b>` 要素はより重要であるという意味なしに、テキストに注意を引かせるために使用します。

HTML ではどちらも有効で意味のある要素であり、ほとんどのブラウザーでは、同じ既定のスタイル（太字）が使用されていることは間違いありません（ただし、古いブラウザーの中には `<strong>` に下線を引くものもあります）。それぞれの要素は特定の種類のシナリオで使用するためのものです。単に装飾のために太字のテキストを使用する場合は、代わりに CSS の `font-weight` プロパティを使用してください。

囲まれたテキストの意図された意味または目的によって、使用する要素を決定してください。伝えられる意味がどのような意味であるかがすべてです。

### <em> と <strong>

この混乱に加えて、 HTML 4 では `<strong>` を単により強い強調としていましたが、 HTML 5 では `<strong>` を「内容の強い重要性」を表すもの定義しています。これは重要な違いです。

`<em>` が（「私はにんじんが<em>好きです<em>」と「私は<em>にんじんが<em>好きです」のように）発音の強調によって文の意味が変わる場合に使用するのに対し、`<strong>` は（例えば「**警告！**これは**とても危険です**」のように）文の一部に重要性を加えるために使用します。 `<strong>` と `<em>` のどちらも入れ子にして、それぞれ相対的な重要度や強調度を高めるためことができます。

例
-

### 基本的な例


```html
<p>作業を進める前に、<strong>必ず安全ゴーグルを装着してください</strong>。</p>
```


結果は次のようになります。

### 警告のラベル表示


```html
<p><strong>重要:</strong> その前に、バターをたっぷり追加してください。</p>
```


結果は次のようになります。

技術的概要
-----

|  |  |
| --- | --- |
| コンテンツカテゴリー | フローコンテンツ,
 記述コンテンツ, 知覚可能コンテンツ
  |
| 許可されている内容 | 記述コンテンツ |
| タグの省略 | なし、開始タグと終了タグの両方が必要。 |
| 許可されている親要素 | 記述コンテンツを受け入れるすべての要素、またはフローコンテンツを受け入れるすべての要素。 |
| 暗黙の ARIA ロール | 対応するロールなし |
| 許可されている ARIA ロール | すべて |
| DOM インターフェイス | `HTMLElement` |

仕様書
---

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

ブラウザーの互換性
---------

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

関連情報
----

* `<b>` 要素
* `<em>` 要素
* `font-weight` プロパティ
<cite>: 引用元要素
=============

**`<cite>`** は HTML の要素で、引用された創作物のタイトルをマークアップするために使用します。この参照は、引用メタデータに関する利用場面に合わせた慣習に応じて省略形が用いられることがあります。

試してみましょう
--------

属性
--

この要素はグローバル属性のみを持ちます。

使用上の注意
------

`<cite>` 要素の文脈では、例えば以下のような創作物のうちの一つを引用することができます。

* 書籍
* 研究論文
* エッセイ
* 詩
* 楽譜
* 歌
* 演劇や映画の台本
* 映画
* テレビ番組
* ゲーム
* 彫刻
* 絵画
* 舞台作品
* 演劇
* オペラ
* ミュージカル
* 展示
* 事件報告書
* コンピュータープログラム
* ウェブサイト
* ウェブページ
* ブログ投稿やコメント
* フォーラム投稿やコメント
* ツイート
* Facebook 投稿
* 記述された、または口頭の声明
* その他

`<blockquote>` 要素や `<q>` 要素によって引用された素材の情報源の出典を記述するには、これらの要素の `cite` 属性を使用してください。

通常、ブラウザーは既定で `<cite>` にイタリック体を適用します。これを防ぐには、CSS の `font-style` プロパティを `<cite>` 要素に適用してください。

例
-


```html
<p>より詳しい情報については <cite>[ISO-0000]</cite> に記載されています。</p>
```

### 結果

技術的概要
-----

|  |  |
| --- | --- |
| コンテンツカテゴリー | フローコンテンツ,
 記述コンテンツ, 知覚可能コンテンツ
  |
| 許可されている内容 | 記述コンテンツ |
| タグの省略 | 不可。開始と終了タグの両方が必要。 |
| 許可されている親要素 | 記述コンテンツを受け入れるすべての要素 |
| 暗黙の ARIA ロール | 対応するロールなし |
| 許可されている ARIA ロール | すべて |
| DOM インターフェイス | `HTMLElement`。Gecko 1.9.2 (Firefox 4)
 以前では、この要素には `HTMLSpanElement`
 インターフェイスが実装されています。
  |

仕様書
---

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

ブラウザーの互換性
---------

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

関連情報
----

* `<blockquote>` 要素は長い引用に使用します。
* `<q>` 要素と `cite` 属性はインラインの引用に使用します。
<td>: 表データセル要素
==============

**`<td>`** は HTML の要素で、表でデータを包含するセルを定義します。これは*モデル*に関与します。

試してみましょう
--------

属性
--

この要素にはグローバル属性があります。

`colspan`

この属性はセルをいくつの列に広げるかを示す、負でない整数を持ちます。既定値は `1` です。1000 を超える値は正しくないとみなされ、既定値 (1) が設定されるでしょう。

`headers`

この属性は、空白文字で区切られた文字列のリストを持ちます。各々の文字列は、この要素に当てはめる `<th>` 要素の **id** 属性と対応します。

`rowspan`

この属性はセルをいくつの行に広げるかを示す、負でない整数を持ちます。既定値は `1` です。`0` を設定した場合は、セルが属する表セクション (`<thead>`, `<tbody>`, `<tfoot>`) の終端 (暗黙的に定義されるものであっても) まで拡張します。65534 より大きな値は、65534 に切り詰めます。

### 非推奨の属性

`abbr` 
非推奨

この属性は、セルの内容の簡潔な説明を持ちます。読み上げソフトなど一部のユーザーエージェントは、内容自体の前にこの説明を提供することがあります。

**メモ:** この属性は最新の標準で廃止されているため、使用しないでください。あるいは、省略した説明をセル内に置き、長い内容を **title** 属性に置くこともできます。

`align` 
非推奨

この列挙属性は各セルの中身について、水平方向の配置方法を制御します。以下の値を指定可能です。

* `left`: 中身をセルの左側に揃えます。
* `center`: 中身をセル内で中央揃えにします。
* `right`: 中身をセルの右側に揃えます。
* `justify` (テキストのみ): 中身がセル内で両端揃えになるように、テキストコンテンツに空白を挿入します。
* `char` (テキストのみ): テキストコンテンツを特定の文字に対して、最小のオフセットで揃えます。特定の文字は `char` 属性および `charoff` 属性で定義します。

この属性を設定しない場合は、値が `left` であるとみなされます。

**メモ:**

* `left`, `center`, `right`, `justify` の値と同様の効果を得るには、 CSS の `text-align` プロパティを使用してください。
* 同様の効果を得るには、 `text-align` プロパティの値 `char` を使用できます。

`axis` 
非推奨

この属性は、空白文字で区切られた文字列のリストを持ちます。各文字列は、このヘッダーを適用するセルグループの `id` です。

`bgcolor` 
非推奨

この属性は、列の各セルの背景色を定義します。値は 6 桁の 16 進数による RGB コードで、先頭に '`#`' が付きます。定義済みの色キーワードの一つを使うこともできます。

同様の効果を与えるには、 CSS の `background-color` プロパティを使用してください。

`char` 
非推奨

この属性は、列内のセルで揃える文字を設定します。典型的な値に、数値や金額を揃えようとするときのピリオド (.) があります。 `align` 属性が `char` に設定されていない場合、この属性は無視されます。

`charoff` 
非推奨

この属性は、 **char** 属性で指定した揃え文字から列のデータをオフセットする文字数を示します。

`height` 
非推奨

この属性はセルの高さの推奨値を定義するために使用されます。代わりの CSS の `height` プロパティを使用してください。

`scope` 
非推奨

これは列挙型の属性で、この (`<th>` で定義されている) 見出し要素が関連するセルを定義します。この属性は `<th>` 要素のみに、行と列のどちらの見出しであるかを定義するために使用してください。

`valign` 
非推奨

この属性は、表本体の各行のセルにおける垂直方向のテキスト配置方法を指定します。以下の値が指定可能です。

* `baseline`: テキストを可能な限りセルの下端に近づけますが、下端ではなく文字のベースラインに揃えます。文字がサイズ全体に渡る場合は、 `bottom` と同じ効果になります。
* `bottom`: テキストを可能な限りセルの下端に近づけて配置します。
* `middle`: テキストをセル内の中央に置きます。
* `top`: テキストを可能な限りセルの上端に近づけて配置します。

同様の効果を実現するには、代わりに CSS の `vertical-align` プロパティを使用してください。

`width` 
非推奨

この属性は、セルの推奨する幅を定義します。代わりに CSS の `width` プロパティを使用してください。

例
-

`<td>` 要素の例については、 `<table>` を参照してください。

技術的概要
-----

|  |  |
| --- | --- |
| コンテンツカテゴリー | 区分化ルート |
| 許可されている内容 | フローコンテンツ |
| タグの省略 | 開始タグは必須。直後に `<th>` 要素または `<td>` 要素がある場合、または親要素内で以降のデータがない場合は終了タグが省略可能。 |
| 許可されている親要素 | `<tr>` 要素 |
| 暗黙の ARIA ロール | `cell`（`<table>` 要素の子孫である場合） |
| 許可されている ARIA ロール | すべて |
| DOM インターフェイス | `HTMLTableCellElement` |

仕様書
---

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

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
: 取り消し要素
===========

**`
`** は HTML の要素で、テキストを取り消し線または打ち消し線つきで描画します。`
` 要素はすでに適切または正確ではなくなった事柄を表現するために使用してください。しかし、文書の修正を示す場合、 `
` 要素は適切ではありません。この場合は `<del>` と `<ins>` の方が適しているので、こちらを使用してください。

試してみましょう
--------

|  |  |
| --- | --- |
| コンテンツカテゴリー | 記述コンテンツ,
 フローコンテンツ |
| 許可されている内容 | 記述コンテンツ |
| タグの省略 | 不可。開始と終了タグの両方が必要。 |
| 許可されている親要素 | 記述コンテンツを受け入れるすべての要素 |
| 暗黙の ARIA ロール | 対応するロールなし |
| 許可されている ARIA ロール | すべて |
| DOM インターフェイス | `HTMLElement` |

属性
--

この要素にはグローバル属性のみがあります。

例
-


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



```html

本日のおすすめ: サーモン
 売り切れ<br />
<span class="sold-out">本日のおすすめ: サーモン</span> 売り切れ
```

### 結果

アクセシビリティの考慮
-----------

`s` 要素が存在することは、多くのスクリーンリーダー技術の既定の設定ではアナウンスされません。 CSS の `content` プロパティを、 `::before` および `::after` 擬似要素と共に使うことでアナウンスさせることができます。


```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: " [取り消しテキスト開始] ";
}

s::after {
  content: " [取り消しテキスト終了] ";
}
```


スクリーンリーダーを使用する人によっては、特に冗長になるコンテンツのアナウンスを意図的に無効にしていることがあります。このため、この手法を悪用しないようにすることは重要であり、コンテンツが取り消しされていることを知らないと理解に影響するような場面でのみ使用するようにしてください。

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

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

ブラウザーの互換性
---------

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

関連情報
----

* `<strike>` 要素は、`
` 要素の分身でしたが、廃止されており、もうウェブサイトで使用するべきではありません。
* `<del>` 要素は、データが*削除された*場合に代わりに使用するべきものです。
* CSS の `text-decoration-line` プロパティは、`
` 要素の以前の視覚効果を実現します。
<plaintext>: プレーンテキスト要素（非推奨）
============================

**非推奨:** この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

**`<plaintext>`** は HTML の要素で、開始タグ以降のすべてを生のテキストとして表示し、それ以降の HTML を無視します。開始タグ以降は全て生のテキスト扱いになるので、終了タグはありません。

**警告:** この要素は使用しないで下さい。

* `<plaintext>` は HTML 2 より非推奨となっており、全てのブラウザーが実装しているわけではありません。実装しているブラウザーでも、一貫していません。
* `<plaintext>` は廃止されています。この要素を受け付けるブラウザーは `<pre>` 要素と同様に扱い、内部の HTML を解釈する場合もあります。
* `<plaintext>` 要素が (`<head>` などの非表示の要素を除いて) ページの最初の要素になるのであれば、 HTML は使用しないでください。代わりに、テキストファイルを `text/plain` の MIME タイプで送信するようにしてください。
* この要素を使用する代わりに、 `<pre>` 要素か、意味的に適切であれば (インラインテキスト向けの) `<code>` 要素を使用してください。その際、コンテンツの中身がうっかり HTML として解釈されないように、 `<`, `>` `&` の各文字をエスケープしてください。
* 等幅フォントは、 HTML 要素に CSS の `font-family` スタイルを `monospace` にすることで適用することができます。

属性
--

この要素は、全ての要素が持つグローバル属性以外の属性を持ちません。

DOM インタフェース
-----------

この要素は `HTMLElement` インタフェースを提供します。

仕様書
---

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

ブラウザーの互換性
---------

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

関連情報
----

* `<pre>` および `<code>` 要素を代わりに使用してください。
* `<xmp>` も `<plaintext>` と同様に廃止されています。
<big>: 大きめのテキスト要素
=================

**非推奨:** この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

**`<big>`** は HTML の非推奨の要素で、内包するテキストを周りの文字列よりも 1 段階大きいフォントの大きさで描画します（例えば `medium` が `large` になります）。大きさはブラウザーの最大フォントの大きさに制限されます。

**警告:** この要素は仕様書から削除され、もう使用するべきではありません。ウェブ開発者は CSS の `font-size` プロパティを使用して、フォントの大きさを調整してください。

属性
--

この要素は、すべての要素で共通のグローバル属性以外の属性はありません。

例
-

ここでは `<big>` を使って表示する例と、その後で現在の CSS の文法で代用して同じ結果を得る方法を示します。

### big の使用

この例は、廃止された `<big>` 要素を使用して、一部のテキストの大きさを拡大します。

#### HTML


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


#### 結果

### CSS の `font-size` の使用

この例では CSS の `font-size` プロパティを使用して、フォントの大きさを 1 レベル大きくしています。

#### CSS


```css
.bigger {
  font-size: larger;
}
```


#### HTML


```html
<p>
  This is the first sentence.
  <span class="bigger">This whole sentence is in bigger letters.</span>
</p>
```


#### 結果

DOM インターフェイス
------------

この要素は `HTMLElement` インターフェイスを実装しています。

仕様書
---

| Specification |
| --- |
| HTML Standard # big |

ブラウザーの互換性
---------

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

関連情報
----

* CSS: `font-size`, `font`
* HTML: `<small>`, `<font>`, `<style>`
* HTML 4.01 仕様書: Font Styles
<marquee>: マーキー要素
=================

**非推奨:** この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

**`<marquee>`** は HTML の要素で、テキストがスクロールする領域を挿入します。要素の属性を使用して、テキストがコンテンツ領域の端に達したときにどうするかを制御できます。

属性
--

`behavior` 
非推奨

marquee 要素内でのテキストのスクロール方法を `scroll`、`slide`、`alternate` の内の何れかのキーワードで指定します。指定を省略した場合は、初期値の `scroll` が適用されます。

`bgcolor` 
非推奨

背景色を、色名もしくは 16 進カラーコードで指定します。

`direction` 
非推奨

marquee 要素内でのテキストのスクロール方向を `left`、`right`、`up`、`down` の内の何れかのキーワードで指定します。初期値は `left` です。

`height` 
非推奨

スクロール範囲の高さを、ピクセル値かパーセント値で指定します。

`hspace` 
非推奨

水平方向のマージンを指定します。

`loop` 
非推奨

テキストのスクロール回数を指定します。初期値は −1 であり、これはスクロール回数を制限せず、恒久的にスクロールを続ける指定です。

`scrollamount` 
非推奨

インターバル内での、テキストの移動ピクセル数を指定します。初期値は 6 です。

`scrolldelay` 
非推奨

スクロール動作のインターバルをミリ秒で指定します。初期値は 85 です。`truespeed` 属性が指定されていない場合は 60 が最下限であり、これ以下の値は 60 として解釈されます。

`truespeed` 
非推奨

既定では、`scrolldelay` で 60 を下回る値は無視します。`truespeed` を指定すると、それらの値が無視されません。

`vspace` 
非推奨

垂直方向のマージンをピクセル値かパーセント値で指定します。

`width` 
非推奨

スクロール範囲の幅をピクセル値かパーセント値で指定します。

イベントハンドラー
---------

`onbounce`

マーキーがスクロール位置の末端に達したときに発行されます。 behavior 属性の値に `alternate` が指定されている場合のみ発行されます。

`onfinish`

loop 属性で指定された回数のループが終了した時に発行されます。 loop 属性に 1 以上の値が指定されている場合にのみ発行されます。

`onstart`

marquee がスクロールを開始した時に発行されます。

メソッド
----

`start()`

marquee のスクロールの開始

`stop()`

marquee のスクロールの停止

例
-


```html
<marquee>This text will scroll from right to left</marquee>

<marquee direction="up">This text will scroll from bottom to top</marquee>

<marquee
 direction="down"
 width="250"
 height="200"
 behavior="alternate"
 style="border:solid">
  <marquee behavior="alternate">This text will bounce</marquee>
</marquee>
```

### 結果

技術的概要
-----

|  |  |
| --- | --- |
| DOM インターフェイス | `HTMLMarqueeElement` (en-US) |

仕様書
---

| Specification |
| --- |
| HTML Standard # the-marquee-element-2 |

ブラウザーの互換性
---------

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

関連情報
----

* `HTMLMarqueeElement` (en-US)
<kbd>: キーボード入力要素
================

**`<kbd>`** は HTML の要素で、キーボード、音声入力、その他の入力端末からのユーザーによる文字入力を表す行内の文字列の区間を表します。慣習的に、ユーザーエージェントは既定で `<kbd>` 要素の中身を等幅フォントで表示しますが、 HTML 標準で規定されているものではありません。

試してみましょう
--------

`<kbd>` は `<samp>`（サンプル出力）要素の中で様々な組み合わせの入れ子が行われ、様々な形の入力や視覚的な合図に基づいた入力を表現します。

属性
--

この要素にはグローバル属性以外の属性はありません。

使用上のメモ
------

他の要素 `<kbd>` と組み合わせることで、もっと具体的なシナリオを表現できる場合があります。

* 他の `<kbd>` 要素の中で更に `<kbd>` 要素を使用すると、もっと大きい入力の中における、実際のキー入力またはその他の入力単位を表します。以下の入力時のキー操作の表現を参照してください。
* `<kbd>` 要素を `<samp>` 要素の中で使用すると、システムからユーザーにエコーバックされた入力を表します。以下の入力のエコーバックの例を参照してください。
* 一方、 `<kbd>` 要素の中で `<samp>` 要素を使用すると、メニューやメニュー項目の名前、画面上に表示されているボタンの名前など、システムによって表示された文字列に基づく入力を表します。以下の画面上に表示された入力の選択肢の表現を参照してください。

**メモ:** 専用のスタイルを定義して、 `<kbd>` 要素における既定のフォントの選択を上書きすることができますが、ユーザー設定によっては CSS より優先されることがあります。

例
-

### 基本的な例


```html
<p>
  コマンド "mycommand" のドキュメントを参照するには <kbd>help mycommand</kbd>
  コマンドを使用してください。
</p>
```


#### 結果

### 入力時のキー操作の表現

複数のキー操作から成る入力を表現したい場合、複数の `<kbd>` 要素を重ねて、外側の `<kbd>` 要素で入力全体を表し、内側の `<kbd>` で入力時のそれぞれのキー操作を表すことができます。

#### スタイルなし

最初に、 HTML だけでどのように見えるかを見てみましょう。

##### HTML


```html
<p>
  キーボードショートカットの
  <kbd><kbd>Ctrl</kbd>+<kbd>N</kbd></kbd>
  を使用して新規文書を作成することもできます。
</p>
```


ここでは外側の `<kbd>` 要素でキー入力操作全体を囲み、それぞれのキーの組み合わせを記述するために、それぞれのキーを囲んでいます。

**メモ:** 常にこのように囲む必要はありません。外側の `<kbd>` 要素を省略して簡略化しても構いません。言い換えれば、単に `<kbd>Ctrl</kbd>+<kbd>N</kbd>` と表現するのも完全に有効です。

**メモ:** しかし、スタイルシートによっては、このように重ねて囲んだ方が便利だと感じられるかもしれません。

##### 結果

スタイルシートを適用しないと、出力結果は次のように見えます。

#### 専用スタイル付き

いくらか CSS を追加して、もっと分かりやすくすることができます。

##### CSS

キーボードキーのレンダリング時に適用できる、入れ子になっている `<kbd>` 要素の新しいセレクター、`kbd>kbd` を追加します。


```css
kbd > kbd {
  border-radius: 3px;
  padding: 1px 2px 0;
  border: 1px solid black;
}
```


##### HTML

それから HTML を更新して、このクラスを出力中のキーに使用するように表現します。


```html
<p>
  <kbd><kbd>Ctrl</kbd>+<kbd>N</kbd></kbd>
  を押して新規文書を作成することもできます。
</p>
```


##### 結果

結果は私たちが求めているものです。

### 入力のエコーバック

`<kbd>` 要素を `<samp>` 要素内で使用すると、システムからエコーバックされた入力を表現することができます。


```html
<p>
  構文エラーが発生すると、このツールは確認のために
  あなたが入力したコマンドを出力します。
</p>
<blockquote>
  <samp><kbd>custom-git ad my-new-file.cpp</kbd></samp>
</blockquote>
```


##### 結果

### 画面上に表示された入力の選択肢の表現

`<kbd>` 要素の中で `<samp>` 要素を使用すると、メニューやメニュー項目の名前や、画面上に表示されているボタンの名前など、システムが表示した文字列に基づく入力を表すことができます。

例えば、「ファイル」メニューの中の「新規文書」を選択する方法を HTML で表現すると、このようになります。


```html
<p>
  新規ファイルを作成するには、メニューの <kbd><kbd><samp>ファイル</samp></kbd>
  ⇒<kbd><samp>新規文書</samp></kbd></kbd> を選択して下さい。
</p>

<p>
  新しいファイルの名前を入力したら、 <kbd><samp>OK</samp></kbd>
  ボタンを押して確認することを忘れないでください。
</p>
```


これはいくらか興味深い組み合わせです。メニューの選択肢を記述するために、入力全体を `<kbd>` 要素で囲んでいます。それからその中で、メニューとメニュー項目の名前を `<kbd>` および `<samp>` の中に入れ、画面上の部品を選択する入力であることを示しています。

#### 結果

技術的概要
-----

|  |  |
| --- | --- |
| コンテンツカテゴリー | フローコンテンツ,
 記述コンテンツ, 知覚可能コンテンツ
  |
| 許可されている内容 | 記述コンテンツ |
| タグの省略 | 不可。開始と終了タグの両方が必要。 |
| 許可されている親要素 | 記述コンテンツを受け入れるすべての要素 |
| 暗黙の ARIA ロール | 対応するロールなし |
| 許可されている ARIA ロール | すべて |
| DOM インターフェイス | `HTMLElement` |

仕様書
---

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

ブラウザーの互換性
---------

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

関連情報
----

* `<code>`
<bdo>: 双方向文字列上書き要素
==================

**`<bdo>`** は HTML の要素で、現在のテキストの書字方向を上書きし、中のテキストが異なる書字方向で描画されるようにします。

試してみましょう
--------

テキストの文字は指定された方向の開始位置から描画されます。それぞれの文字の向きには影響を与えません（ですから、例えば、文字は裏返しにはなりません）。

属性
--

この要素にはグローバル属性があります。

`dir`

この要素の内容において、テキストが描画される方向です。以下の値が指定可能です。

* `ltr`: テキストを左から右へ (left-to-right) 向かわせることを意味する指定。
* `rtl`: テキストを右から左へ (right-to-left) 向かわせることを意味する指定。

例
-


```html
<!-- 書字方向を切り替える -->
<p>This text will go left to right.</p>
<p><bdo dir="rtl">This text will go right to left.</bdo></p>
```

### 結果

メモ
--

HTML 4 の仕様では、この要素にイベントが指定されていません。イベントは XHTML で追加されました。これは、恐らく見落としでしょう。

技術的概要
-----

|  |  |
| --- | --- |
| コンテンツカテゴリー | フローコンテンツ,
 記述コンテンツ, 知覚可能コンテンツ
  |
| 許可されている内容 | 記述コンテンツ |
| タグの省略 | 不可。開始と終了タグの両方が必要。 |
| 許可されている親要素 | 記述コンテンツを受け入れるすべての要素 |
| 暗黙の ARIA ロール | 対応するロールなし |
| 許可されている ARIA ロール | すべて |
| DOM インターフェイス | `HTMLElement`。Gecko 1.9.2 (Firefox 4)
 以前では、Firefox はこの要素に対し
 `HTMLSpanElement`
 インターフェイスを実装しています。
  |

仕様書
---

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

ブラウザーの互換性
---------

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

関連情報
----

* 関連する HTML 要素: `<bdi>`