diff options
Diffstat (limited to 'files/ja/web/html/element/small/index.html')
| -rw-r--r-- | files/ja/web/html/element/small/index.html | 126 |
1 files changed, 126 insertions, 0 deletions
diff --git a/files/ja/web/html/element/small/index.html b/files/ja/web/html/element/small/index.html new file mode 100644 index 0000000000..4354502df1 --- /dev/null +++ b/files/ja/web/html/element/small/index.html @@ -0,0 +1,126 @@ +--- +title: '<small>: 附随コメント要素' +slug: Web/HTML/Element/small +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web + - font-size +translation_of: Web/HTML/Element/small +--- +<div>{{HTMLRef}}</div> + +<p><strong>HTML の <code><small></code> 要素</strong>は、表示上のスタイルとは関係なく、著作権表示や法的表記のような、注釈や小さく表示される文を表します。既定では、 <code>small</code> から <code>x-small</code> のように、一段階小さいフォントでテキストが表示されます。</p> + +<div>{{EmbedInteractiveExample("pages/tabbed/small.html", "tabbed-shorter")}}</div> + +<p class="hidden">このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> をクローンしてプルリクエストを送信してください。</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row">コンテンツカテゴリ</th> + <td><a href="/ja/docs/Web/HTML/Content_categories#Flow_content">フローコンテンツ</a>, <a href="/ja/docs/Web/HTML/Content_categories#Phrasing_content">記述コンテンツ</a></td> + </tr> + <tr> + <th scope="row">許可されている内容</th> + <td><a href="/ja/docs/Web/HTML/Content_categories#Phrasing_content">記述コンテンツ</a></td> + </tr> + <tr> + <th scope="row">タグの省略</th> + <td>不可。開始タグと終了タグの両方が必要です。</td> + </tr> + <tr> + <th scope="row">許可されている親要素</th> + <td><a href="/ja/docs/Web/HTML/Content_categories#Phrasing_content">記述コンテンツ</a>を受け入れるすべての要素、または<a href="/ja/docs/Web/HTML/Content_categories#Flow_content">フローコンテンツ</a>を受け入れるすべての要素。</td> + </tr> + <tr> + <th scope="row">暗黙の ARIA ロール</th> + <td><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">対応するロールなし</a></td> + </tr> + <tr> + <th scope="row">許可されている ARIA ロール</th> + <td>すべて</td> + </tr> + <tr> + <th scope="row">DOM インターフェイス</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Attributes" name="Attributes">属性</h2> + +<p>この要素には<a href="/ja/docs/Web/HTML/Global_attributes">グローバル属性</a>のみがあります。</p> + +<h2 id="Examples" name="Examples">例</h2> + +<h3 id="Basic_usage" name="Basic_usage">基本的な使用</h3> + +<pre class="brush: html notranslate"><p>これは最初の文です。 + <small>この文は小さい文字で表記されています。</small> +</p> +</pre> + +<p>{{EmbedLiveSample("Basic_usage")}}</p> + +<h3 id="CSS_alternative" name="CSS_alternative">CSS による代替</h3> + +<pre class="brush: html notranslate"><p>これは最初の文です。 + <span style="font-size:0.8em">この文は小さい文字で表記されています。 + </span> +</p> +</pre> + +<p>{{EmbedLiveSample("CSS_alternative")}}</p> + +<h2 id="Specifications" name="Specifications">仕様書</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様書</th> + <th scope="col">状態</th> + <th scope="col">備考</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'semantics.html#the-small-element', '<small>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td></td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'textlevel-semantics.html#the-small-element', '<small>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td></td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'present/graphics.html#edef-SMALL', '<small>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td></td> + </tr> + </tbody> +</table> + +<h2 id="Notes" name="Notes">注</h2> + +<p><code><small></code> 要素は {{htmlelement("b")}} 要素や {{htmlelement("i")}} 要素と同様に、構造と表現の分離の原則に反しますが、これら3つの要素は HTML5 で有効です。作者は <code><small></code> を使用するか CSS を使用するかを決める際に最良の判断を行うよう求められます。</p> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + +<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> + +<p>{{Compat("html.elements.small")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{HTMLElement("b")}}</li> + <li>{{HTMLElement("sub")}} と {{HTMLElement("sup")}}</li> + <li>{{HTMLElement("font")}}</li> + <li>{{HTMLElement("style")}}</li> + <li>HTML 4.01 仕様書: <a class="external" href="https://www.w3.org/TR/html4/present/graphics.html#h-15.2">Font Styles</a></li> +</ul> |