上付き・下付き文字を表すsub(スーパースクリプト)タグとsup(サブスクリプト)タグの使用法について掲載
HTML5
対応ブラウザ






カテゴリー・コンテンツモデル
要素 | カテゴリー | コンテンツモデル |
---|---|---|
sup sub | ・フローコンテンツ ・フレージングコンテンツ ・パルパブルコンテンツ | フレージングコンテンツ |
書式・概要
<sup>~</sup> 上付き文字
<sub>~</sub> 下付き文字
sub要素は公式や化学式の添え字などで使用される上付き文字として表示させたい場合は、対象テキストを<sup>~</sup>で囲います。sub要素は下付き文字を表示させたい場合には、対象テキストを<sub></sub>で囲みます。
グローバル属性
グローバル属性は、すべての要素に指定できる共通の属性のことです。
accesskey(アクセスキー)
要素にアクセスキーを割り当てます。いわゆるショートカットキーになります。
autocapitallze
入力/編集されたとき、入力文字列の先頭大文字化が自動的に行われるかどうかなどを指定します
値 | 内容 |
---|---|
offまたはnone | 自動的な大文字化は指定しない |
onまたはsentences | 最初の文字を大文字化する |
words | 各語の最初の文字を大文字化する |
characters | すべての文字を大文字化する |
class(クラス)
要素に分類上の名前を指定します。CSSのセレクタで、特定の要素を選択できるようになります。
contenteditable(コンテント・エディタブル)
要素の内容が閲覧者による編集可能かどうか指定します。
値 | 内容 |
---|---|
trueまたは、空 | 閲覧者による編集可能。 |
false | 閲覧者による編集不可。 |
data-
カスタムデータ属性、JavaScriptで使用するための独自の属性を指定します。「data-*****=””」のような形式で開発者が自由に指定できます。JavaScriptを利用してデータ処理したり、独自のデータを入力したりするために使用します。
dir(ディレクショナリティ)
要素の内容の書字方向(文字を書き進める方向)を指定します。
値 | 内容 |
---|---|
ltr | テキストを左から右へ書き進める。「Left to Righ」の略 |
rtl | 要素は編集不可。「Right to Left」の略 |
auto | ユーザーエージェントによって自動的に書字方向を決める |
draggable
Drag and Drop APIを使用して要素をドラッグすることができるか指定します。
値 | 内容 |
---|---|
テキストを左から右へ書き進める。「Left to Righ」の略 | |
auto | ユーザーエージェントによって自動的に書字方向を決める |
hidden(ヒドゥン)
要素がその時点でのページの内容に関連がないことを表し、指定された要素は表示されません。用途としては、ページ内に表示したくないデータの値などをセットしておき、POSTなどで値を送信する場合などに使用したりします。(商品IDやユーザーID)
id(アイディー)
要素にユニークな識別IDを指定します。文章内で一意である必要があり、同じ値を複数のidに設定することはできません。CSSのセレクタで、特定の要素を選択できるようになります。また、リンクのフラグメント識別子としても利用できます。
空白文字は使用できません。
lang(ランゲージ)
要素の内容の言語を指定します。html要素や文書全体に対して指定することができます。また、一部の要素に対しても指定することができます。
例:lang=”ja”
spellcheck(スペルチェック)
要素の内容に対するスペルチェックの可否を指定します。
true | スペルチェックをします。 |
false | スペルチェックをしません。 |
style(スタイル)
要素に直接スタイルシートを指定します。
※style属性でスタイルを指定する方法はあまり推奨されていません。
tabindex(タブインデックス)
「TABキー」による移動順序を指定します。正の数値で指定すると、その順序にフォーカスが移動します。負の数値を指定すると選択することができますが、TABキーでの移動順序に含まれません。また、0を指定した要素は最後にフォーカスします。
title(タイトル)
要素に補足情報を加えます
translate(トランスレート)
翻訳対象にするかどうかを指定します。
値 | 内容 |
---|---|
yes | 翻訳対象とする |
no | 翻訳非対象とする |
イベントハンドラ属性は、JavaScriptのコードを閲覧者の操作に合わせて実行する属性です。
onclick
要素をクリックしたときにスクリプトを実行します。
oninput
入力コントロールにデータを入力したときにスクリプトを実行します。
onsubmit
入力コントロールからデータを送信するときにスクリプトを実行します。
基本的な使用方法
実装例
<!DOCTYPE html>
<html lang="ja">
<head>
<title>sub要素、sup要素サンプルページ</title>
<meta charset="uft-8">
</head>
<body>
<p>コンクリートの配分は、セメント25kg+砂40kg+砂利60kg+水15リットルで厚さ5cmで1.1m<sup>2</sup>できます。</p>
<p>リン酸の無水物である五酸化二リンは、組成式としては P<sub>2</sub>O<sub>5</sub>である</p>
</body>
</html>
コメント