プログラミング
【rubyタグ】テキストに小さな注釈を付け加えてみよう!「HTML・解説・初心者向け」- ノブレコ

rubyとは、テキスト内容の漢字や英語などに「ルビ(ふりがな)」を付けるために存在するタグです。難しい読み方のものや、特殊な読み方のものに対してルビを振ることで、ユーザーにも分かりやすく見てもらえるため、使い方によっては便利なタグです。現在はHTML・LSでruby・rt・rpの3種類を使うのが基本です。

続きを読む
プログラミング
【abbrタグ】title属性と合わせて略語を示そう!「HTML・解説・初心者向け」- ノブレコ

abbrタグとは、「abbreviation(アヴリーヴィエイション)」の略で、「略語」を表すためのタグです。主にtitle属性と合わせて使用すことが多く、その値には略語ではなく、「完全な表記」を記述します。完全な表記とは、略していない元の言葉などを意味します。

続きを読む
プログラミング
【dfnタグ】文章中に定義する用語を示してみよう!「HTML・解説・初心者向け」- ノブレコ

dfnタグとは、「definition(デフィニション)」の略で、文章中の用語を「定義」するために存在するタグです。ちなみにdefinitionは、定義だけを指す言葉ですが、tarmロールの役割とセットで「定義された用語」という意味の扱いになります。

続きを読む
プログラミング
【sタグ】関連しない・正確ではない内容を表してみよう!【HTML・解説・初心者向け】- ノブレコ

sタグとは、「strike-through(ストライクスルー)」の略です。既存のテキスト内容で、正確ではなくなったり、関連しなくなったものに打ち消し線を引いて示すタグです。HTML4で一度廃止されたのですが、HTML5から再び復活を果たしました。

続きを読む
プログラミング
【smallタグ】テキストの一部小さく表示してみよう「HTML・解説・初心者向け」- ノブレコ

smallタグとは、テキストの文字を一段階小さくして表示するためのタグです。小さくして表示するテキストの代表例として、「補足事項」「著作権表示」「免責事項」などが挙げられます。 またこの要素は、テキストを小さく見せるためのものではなく、あくまで意味的にコンテンツを小さく表示するものなので間違えないように注意しましょう。

続きを読む
プログラミング
【sampタグ】CPUプログラムのサンプル結果を表示してみよう!「HTML・解説・初心者向け」- ノブレコ

sampとは、「sample(サンプル)」の略で、コンピュータプログラムのサンプル出力の結果をテキストで表示するためのタグです。主にコンピューターが出力した「確認メッセージ」や「エラーメッセージ」の文章をそのままテキストとしてマークアップするために用いります。

続きを読む
プログラミング
【kbdタグ】ユーザーの文字入力をテキストで示してみよう!「HTML・解説・初心者向け」- ノブレコ

kbdタグとは、 「keyboard(キーボード)」の略で、ユーザーによるキーボードや音声入力などの「入力端末からの文字入力をテキストで示す」ためのタグです。使用目的として、キーボード入力のキー表示が必要な場合に使用します。その他のデバイスとして音声入力などの入力を表す場合にも使用できます。

続きを読む
プログラミング
【preタグ】整形テキストで見た目に一定の意味を持たしてみよう!「HTML・解説・初心者向け」- ノブレコ

preタグとは、(プリフォーマティッド テキスト)」の略で、プリフォーマットされたテキストを示すタグです。 プリフォーマットは「整形済み」という意味で、テキストは「教材などの原文や本文」という意味をもっています。整形済みテキストは、テキストにホワイトスペース文字を使って空白や改行で形を整えたテキストのことです。

続きを読む
プログラミング
【spanタグ】特別な意味はもたないけど装飾などに便利!テキストを部分的にマークアップしてみよう!

spanタグとは、マークアップした範囲内のテキストに、CSSでの装飾を目的に「id属性」や「class属性」を指定して使用するタグです。その他にも「lang属性」で部分的に扱う言語を変更したり、「style属性」で要素に直接CSSを記述する使用方法などがあります。

続きを読む
プログラミング
【hgroupタグ】見出しをまとめてグループ化する!【HTML・解説・初心者向け】| ノブレコ

hgroupタグとは、「header group(ヘッダーグループ)」の略で、ヘディングコンテンツである「h1~h6をグループ化する」ためのタグです。見出しであるh1が、サブタイトルや代替タイトルなどを伴う場合に、その記述についてどうあるべきか?という議題のもとに開発された要素です。

続きを読む