ホームページ（ウェブサイト）を構成するHTML文書の中には、ブロック要素とインライン要素という、ホームページを構成する要素の分類があります。これは要素の属性として、スペースをどのように取るかという属性の違いとなります。 このブロック要素とインライン要素にはそれぞれ配置のルールがあり、ウェブページを生成する際には、意図せず文書の論理構造がおかしくなったり、ブラ
html tag Reference
ホームページ（ウェブサイト）制作において、ページを正しく表示し、検索エンジンに適切な情報を伝えるための第一歩となるのが、「DOCTYPE（ドキュメントタイプ）宣言」です。DOCTYPE宣言とは、そのHTML文書がどのバージョンのHTMLで記述されているかを、ブラウザや検索エンジンのクローラーに対して知らせるための重要な記述です。HTMLファイルの最も上の行（
htmlタグ｜DOCTYPE ドキュメントタイプ・html文書宣言
ホームページ（ウェブサイト）制作において、複雑な情報やデータをユーザーに分かりやすく伝えることは非常に重要です。その際に活躍するのが、表（テーブル）を作成するためのHTMLタグである「table」および関連する「tr」「th」「td」「tbody」「thead」「tfoot」タグです。 「table」タグは、表全体の枠組みを定義する大元のタグです。その中に「
htmlタグ｜table（テーブル）・tr・th・td・tbody・thead・tfoot
現在のホームページ（ウェブサイト）制作において、ユーザーに提供する情報量は年々増加しています。しかし、1つのページに膨大なテキストをそのまま掲載すると、スマートフォンなどの画面が小さなデバイスでは非常に読みにくくなり、ユーザーの離脱を招く原因となります。このような課題を解決し、利便性と情報量の両立を図るために活用されるのが、HTMLの「summary」タグと
htmlタグ｜summary・details（要約と詳細）
現在のホームページ（ウェブサイト）制作において、テキスト情報を正確かつ美しくユーザーに伝えることは非常に重要です。その中で、特定の文字を通常のテキストラインよりも少し上に配置する「上付き文字」と、少し下に配置する「下付き文字」を表現するために使用されるのが、HTMLの「sup」タグと「sub」タグです。「sup」はsuperscriptの略で上付き文字を、「
htmlタグ｜sup・sub（上付き・下付き文字）
ホームページ（ウェブサイト）制作において、文章内の特定の言葉を強調し、ユーザーへ正確な情報を伝えることは非常に重要です。その際に頻繁に使用されるHTMLタグとして、文字を太字（ボールド）で表示する「strong」と「b」、そして斜体（イタリック）で表示されることが多い「em」があります。 これらは見た目の装飾を施すだけではなく、HTMLの構造上それぞれに明確
htmlタグ｜strong・b・em・mark（強調・太字・ハイライト）
現在のホームページ（ウェブサイト）制作において、文字の大きさを変えたり、打ち消し線を引いたり、空白を作ったりするためにHTMLタグを直接使用することは推奨されません。インターネットの普及期から2000年代にかけて、「small（文字を小さくする）」「big（文字を大きくする）」「strike（文字に打ち消し線を引く）」「center（センタリング、中央寄せ）
htmlタグ｜small｜ big・strike・spacer・center・marquee・blink（html5で廃止）
ホームページ（ウェブサイト）制作において、ユーザーからの問い合わせや資料請求を獲得するための「入力フォーム」は、事業の成果に直結する非常に重要な要素です。そのフォーム内で、都道府県の選択や、希望するサービス内容の選択など、複数の選択肢を提示する際に使用されるのが、HTMLの「select」「datalist」「option」「optgroup」といったタグで
htmlタグ｜select・datalist・option・optgroup
ホームページ（ウェブサイト）制作において、ページに動きをつけたり、ユーザーの行動を分析したりするために、JavaScriptをはじめとするプログラムは非常に重要な役割を果たしています。このプログラムをホームページ（ウェブサイト）内に組み込むために使用されるのが、HTMLの「script」タグです。また、これと対になって使用されることが多い「noscript」
htmlタグ｜script（スクリプト）・noscript
ホームページ（ウェブサイト）制作において、ユーザーに情報を視覚的かつ直感的に伝える工夫は非常に重要です。その中で、タスクの進み具合や特定の範囲内にある数値をバー（棒グラフのような形式）で表示するために使用されるのが、HTML5から新しく追加された「progress」タグと「meter」タグです。これらは見た目が似ているため混同されがちですが、それぞれ明確に異
htmlタグ｜progress（プログレス）・meter（メーター）
現在のホームページ（ウェブサイト）制作において、HTMLのソースコードをそのまま画面に表示させたり、特定の記述をブラウザから隠したりする処理は頻繁に行われます。インターネットの黎明期から2000年代にかけて、これらの目的で使用されていたのが「plaintext」タグ、「xmp」タグ、そして「comment」タグです。 「plaintext」タグや「xmp」タ
htmlタグ｜plaintext・comment・xmp html5で廃止
現在のホームページ（ウェブサイト）制作において、動画や音声、PDFなどの外部コンテンツをページ内に表示させる技術は大きく進化しています。かつて、これらのリッチメディアや双方向性のあるコンテンツを表示するために頻繁に使用されていたのが、HTMLの「object」「embed」「noembed」「param」「applet」といったタグです。 インターネットの普
htmlタグ｜object・embed・noembed・param・applet｜埋め込み
ホームページ（ウェブサイト）制作において、画像を用いて直感的なナビゲーションを提供することは、ユーザーを目的のページへスムーズに誘導するために非常に重要です。通常、1つの画像に対して設定できるリンクは1つだけですが、1枚の画像の中の「複数の異なる領域」ごとに別々のリンク先を設定したい場面があります。例えば、日本地図の画像において「京都」の部分をクリックすると
htmlタグ｜map（マップ）・area（エリア）
ホームページ（ウェブサイト）制作において、複数の情報や項目を整理し、ユーザーにとって分かりやすく提示することは非常に重要です。その際に頻繁に使用されるのが、リスト（箇条書き）を作成するためのHTMLタグである「li」「ul」「ol」です。 ホームページ（ウェブサイト）上で情報を羅列する際、単に改行を繰り返して文章を並べるだけでは、構造が明確になりません。「u
htmlタグ｜li（リスト）・ul（順不同）・ol（番号順）
ホームページ（ウェブサイト）運営において、一度公開した情報を常に最新かつ正確な状態に保つことは非常に重要です。事業を取り巻く環境の変化やサービスの改定に伴い、ページ内のテキストを後から修正したり追記したりする場面は頻繁に発生します。その際、単に古い文章を消して新しい文章に書き換えるのではなく、「どこが削除され、どこが新しく追加されたのか」を明確に示すために使
htmlタグ｜ins（追加情報）・del（削除情報）・s（打ち消し線）
現在のホームページ（ウェブサイト）制作において、YouTubeの動画やGoogleマップをページ内に埋め込んで表示する場面は頻繁に発生します。このように、閲覧しているページの一部を切り取り、そこに別のHTMLドキュメント（外部ページなど）を読み込んで表示するために使用されるのが「iframe（アイフレーム：インラインフレーム）」タグです。他のコンテンツを手軽
htmlタグ｜iframe（インラインフレーム）・frame・frameset・noframes
ホームページ（ウェブサイト）制作において、文章内の特定の文字を斜体（イタリック）にしたり、下線（アンダーライン）を引いたりして強調する場面は頻繁に発生します。インターネットが普及し始めた当初から長らく、これらの視覚的な表現を手軽に実現するための手段として、「i」タグと「u」タグが多用されてきました。当時は、HTMLタグだけで文字の見た目を整えることが一般的で
htmlタグ｜i（イタリック）・u（アンダーライン）
ホームページ（ウェブサイト）制作において、ページ内の各コンテンツが「どのような意味や役割を持っているのか」を検索エンジンやブラウザに正しく伝えることは非常に重要です。かつてのHTMLでは、ページのヘッダー部分やフッター部分、あるいは記事のまとまりなどをすべて「div」タグで囲み、CSSのクラス名で役割を区別していました。しかし、HTML5の規格からは、文書の
htmlタグ｜header・footer・section・hgroup
ホームページ（ウェブサイト）制作において、文章だけで情報を伝えるのではなく、写真や図表、イラストなどの視覚的なコンテンツを組み合わせてユーザーの理解を深めることは非常に重要です。その際、画像や図表と、それに付随する説明文（キャプション）をひとつのグループとして構造化するために使用されるのが、HTMLの「figure」タグと「figcaption」タグです。
htmlタグ｜figure（フィギュア）・figcaption
ホームページ（ウェブサイト）制作において、ユーザーからの問い合わせ、資料請求、商品の購入など、事業の売上や成果（コンバージョン）に直結する非常に重要な役割を担うのが「入力フォーム」です。このフォームを構築するために中心となるHTMLタグが、「form」「input」「label」「select」「button」「textarea」です。 「form」タグは、
htmlタグ｜form・input・label・button・textarea｜フォーム
現在のホームページ（ウェブサイト）制作において、文字の色を変更したり、サイズを大きくしたり、書体（フォントファミリー）を指定するためにHTMLタグを直接使用することは推奨されません。 インターネットが普及し始めた初期から2000年代にかけては、「font」タグや、ページ全体の基本フォントを一括で設定する「basefont」タグが、テキストの見た目を調整する目
htmlタグ｜font（フォント）・basefont・tt html5で廃止
ホームページ（ウェブサイト）制作において、ユーザーからの問い合わせや商品の注文を受け付ける「入力フォーム」は、事業の売上や成果に直結する非常に重要な役割を持っています。この入力フォームをより使いやすく、整理された状態にするために活躍するHTMLタグが、「fieldset」と「legend」です。 「fieldset」タグは、フォーム内にある複数の入力項目（i
htmlタグ｜fieldset・legend｜keygen（廃止）
ホームページ（ウェブサイト）制作において、プログラミング言語のソースコードや、システムの出力結果、キーボードの入力指示などをユーザーへ正確に提示する場面があります。IT関連の事業や技術的な情報を発信するオウンドメディアでは、これらのテキストを記事内にそのまま記載することが頻繁に発生します。その際、通常の文章とは区別して、コンピューター関連の特殊なテキストであ
htmlタグ｜code・samp・kbd・var・pre｜listing（廃止）
ホームページ（ウェブサイト）制作において、ユーザーにとって読みやすい文章レイアウトを構築することは非常に重要です。パソコンやスマートフォンなど、閲覧する画面の大きさが異なる環境において、適切に改行を制御するために使用されるのが、HTMLの「br」タグや「wbr」タグです。 「br」タグは「break」の略であり、テキストの途中で強制的に改行を入れる役割を持ち
htmlタグ｜br 改行・wbr・nobr
現在のホームページ（ウェブサイト）運営において、外部の権威ある情報やデータを参照し、ユーザーに提供することは、コンテンツの説得力を高める上で非常に有効です。その際、他者の文章や著作物を自社のページ内に適切に掲載するために使用されるのが、HTMLの「blockquote」「q」「cite」といった引用タグです。 「blockquote」タグは、段落などのまとま
htmlタグ｜blockquote・q・cite（引用）
ホームページ制作（ウェブサイト制作）において、難読漢字や専門用語にふりがな（ルビ）を振る機会があります。本記事は、このふりがなを制御するHTMLタグ「ruby」「rt」「rp」「rb」についてのご説明です。年齢層の幅広いユーザーや、特定の業界用語に馴染みのない方々に向けて情報発信する際、読みやすさを確保することは非常に重要です。 テキストの可読性を高めるルビ
htmlタグ｜ruby（ルビ）・rt・rp・rb
<p></p> ホームページ制作（ウェブサイト制作）の際に使用する<p>タグについてのご説明です。 ホームページ制作において<p>（パラグラフ）タグは、ページ中の段落（パラグラフ）を示すときに使用します。ページコンテンツの本文においてよく使用します。 ホームページ（ウェブサイト）制作において、ユーザーに情報を伝
htmlタグ｜p パラグラフ・段落
現在のホームページ（ウェブサイト）制作において、画面上の特定の場所に要素を配置して重ね合わせたり、新聞のように文章を複数の段落に分けたりするデザインは当たり前のように使われています。インターネットの普及期であった1990年代後半、これらの高度なレイアウトを実現するために特定のブラウザ（Netscape Navigator 4など）で独自に生み出されたのが、「
htmlタグ｜layer（レイヤー）・ilayer・nolayer・multicol（NN独自仕様・廃止）
ホームページ（ウェブサイト）制作において、料金表や事業の比較データなど、複雑な表組みを作成する機会は数多くあります。この表組みの列を制御するHTMLタグ「colgroup」と「col」についてのご説明です。通常、表の列ごとに背景色や幅を指定する場合、一つひとつのセルに対して個別にスタイルを記述するとソースコードが肥大化し、後から修正を加える作業も非常に困難に
htmlタグ｜colgroup・col [ホームページ制作の基本タグ]
ホームページ（ウェブサイト）制作において、視覚的な情報だけでなく、音声コンテンツを活用してユーザーに情報を伝える場面が増えています。ポッドキャストの配信、語学スクールの発音サンプル、あるいは事業を説明する音声ガイドなど、ブラウザ上で直接音声を再生させるために使用されるのが、HTML5から標準化された「audio」タグです。 以前のホームページ（ウェブサイト）
htmlタグ｜audio（オーディオ）音声ファイルの埋め込み
<address></address> ホームページ制作（ウェブサイト制作）の際に使用する<address>タグについてのご説明です。 この<address>（アドレス）タグは、ホームページ中の問い合わせ先、連絡作の情報であることを示す場合に使用します。 ホームページ（ウェブサイト）運営において、コンテンツの発
htmlタグ｜address（アドレス）連絡先情報
現在のホームページ（ウェブサイト）制作において、専門用語やアルファベットの略語を正確に伝えることは、ユーザーの利便性と検索エンジンの評価の両面において重要です。HTMLタグの「abbr」と「acronym」は、テキスト内に登場する略語が本来どのような意味を持っているのかを明示するために使用されます。 「abbr」タグは「abbreviation」の略であり、
htmlタグ｜abbr・acronym（略語）
<!– ここにコメント –> ホームページ制作（ウェブサイト制作）の際に使用する<!– –>についてのご説明です。 ホームページ制作において<!– –>は、ブラウザに表示されないテキストとして、ソース中にコメントを入れる際に使用します。 ソース中のコメ
htmlタグ｜!– — ソース中のコメント
<video></video> ホームページ制作（ウェブサイト制作）の際に使用する<video>タグについてのご説明です。 ホームページ制作において<video>（ビデオ）タグは、ホームページ（ウェブサイト）内で動画を再生する場合に使用するタグです。 旧来はホームページ制作において動画再生プラグインなどをサーバ
htmlタグ｜video ビデオ
<time></time> ホームページ制作（ウェブサイト制作）の際に使用する<time>タグについてのご説明です。 ホームページ制作において<time>（タイム）タグは、ブラウザなどにページの公開日などの日付や時刻を伝える際に使用します。 ホームページ制作において、ページ内に単純に日付をテキストとして記述して
htmlタグ｜time タイム
<title></title> ホームページ制作（ウェブサイト制作）の際に使用する<title>タグについてのご説明です。 ホームページ制作において<title>（タイトル）タグは、ホームページ（ウェブサイト）を構成するHTML文書のタイトルを設定するタグです。 <title>タグで設定した「ページ
htmlタグ｜title タイトル
<source> ホームページ制作（ウェブサイト制作）の際に使用する<source>タグについてのご説明です。 ホームページ制作において<source>（ソース）タグは、ホームページ（ウェブサイト）に設置する動画や音声などのURLや種類を指定する場合に使用します。 <source> 動画や音声などのURLや種類
htmlタグ｜source ソース
<style></style> ホームページ制作（ウェブサイト制作）の際に使用する<style>タグについてのご説明です。 ホームページ制作において<style>（スタイル）タグは、ホームページ（ウェブサイト）の装飾部分である「スタイル」を定義する「スタイルシート」を記述する際に使用します。 ホームページ制作に
htmlタグ｜style スタイル
<span></span> ホームページ制作（ウェブサイト制作）の際に使用する<span>タグについてのご説明です。 ホームページ制作において<span>（スパン）タグは、汎用インライン要素として、タグで囲まれた該当箇所をひとかたまりの範囲として定義します。 この<span>タグは、ホームページ制作
htmlタグ｜span インライン要素
<output></output> ホームページ制作（ウェブサイト制作）の際に使用する<output>タグについてのご説明です。 ホームページ制作において<output>（アウトプット）タグは、計算結果を示す際に使用するタグです。 <output> 計算結果 ホームページ制作でページに<ou
htmlタグ｜output アウトプット
<nav></nav> ホームページ制作（ウェブサイト制作）の際に使用する<nav>タグについてのご説明です。 ホームページ制作における<nav>（ナビ）タグは、<nav>タグで囲われた部分が、ホームページ（ウェブサイト）のナビゲーションであることを示します。 <nav> ナビゲーショ
htmlタグ｜nav ナビ
<menu></menu> ホームページ制作（ウェブサイト制作）の際に使用する<menu>タグについてのご説明です。 ホームページ制作において<menu>（メニュー）タグは、メニューリストを設置する場合に使用します。 <menu> メニューリスト <menu>タグは、メニューリストを定義
htmlタグ｜menu メニュー
<meta> ホームページ制作（ウェブサイト制作）の際に使用する<meta>タグについてのご説明です。 ホームページ制作において<meta>（メタ）タグは、ページの<head>内に設置して、文書付加情報、その文書に関する情報を指定する場合に使用します。 <meta> 文書付加情報、その文書に関する情
htmlタグ｜meta メタ
<link></link> ホームページ制作（ウェブサイト制作）の際に使用する<link>タグについてのご説明です。 ホームページ制作において<link>（リンク）タグは、文書の関連性を示し、関連する文書ファイルを指定します。 <link> 文書の関連性、関連する文書ファイルを指定 <link
htmlタグ｜link リンク
<img src=”” alt=”” /> ホームページ制作（ウェブサイト制作）の際に使用する<img>タグについてのご説明です。 ホームページを制作する時<img>（イメージ）タグを使用することで、「埋込みイメージ」としてホームページ（ウェブサイト）内のページに画像を設置す
htmlタグ｜img イメージ,画像
<hr> ホームページ制作（ウェブサイト制作）の際に使用する<hr>タグについてのご説明です。 ホームページ制作において<hr>（ホリゾンタル ルール）タグを使用することで、ホームページ（ウェブサイト）のページ内に水平線を描画することができます。 <hr> 水平線（横罫線） Horizontal Rule（ホリ
htmlタグ｜hr 水平線 [ホームページ制作の基本タグ]
<head></head> ホームページ制作（ウェブサイト制作）の際に使用する<head>タグについてのご説明です。 ホームページ制作において<head>（ヘッド）タグはホームページ（ウェブサイト）を構成する各部分の内、HTML文書のヘッダー情報を指定し、文書付加情報（メタ情報）をページに与えます。 <h
htmlタグ｜head ヘッド
<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> ホームページ制作（ウェブサイト制作）の際に使用する<h1>～<h6>タグ
htmlタグ｜h1～h6 見出し
<dt></dt> ホームページ制作（ウェブサイト制作）の際に使用する<dt>タグについてのご説明です。 ホームページ制作において<dt>（デフィニションターム）タグは、定義型リストの見出し、定義する用語を指定します。 <dt> 定義型リストの見出し、定義する用語 Definition Term（デ
htmlタグ｜dt
<dl></dl> ホームページ制作（ウェブサイト制作）の際に使用する<dl>タグについてのご説明です。 ホームページを制作する時に<dl>（デフィニションリスト）タグを使用することで、定義型リストの定義を行います。 <dl> 定義型リストの定義 Definition List（デフィニションリスト
htmlタグ｜dl [ホームページ制作の基本タグ]
<div></div> ホームページ制作（ウェブサイト制作）の際に使用する<div>タグについてのご説明です。 ホームページ制作において<div>（ディブ）タグは、汎用ブロック要素として、<div>タグで囲んだ範囲を一つのまとまりとして・ひとかたまりとして、定義し、スタイルシートを適用する場合に使用
htmlタグ｜div [ホームページ制作の基本タグ]
<dfn></dfn> ホームページ制作（ウェブサイト制作）の際に使用する<dfn>タグについてのご説明です。 ホームページ制作において<dfn>タグは、ウェブサイト・ホームページ内で、定義する用語を明示する際に使用します。 <dfn> 定義する用語を明示 <dfn>の「dfn」は、De
htmlタグ｜dfn [ホームページ制作の基本タグ]
<dd></dd> ホームページ制作（ウェブサイト制作）の際に使用する<dd>タグについてのご説明です。 ホームページ制作において<dd>（デフィニション ディスクリプション）タグは、定義型リストの内容を示すタグで、定義した用語の説明を記述します。ホームページ（ウェブサイト）内のページに設置した<dt&g
htmlタグ｜dd [ホームページ制作の基本タグ]
<command></command> ホームページ制作（ウェブサイト制作）の際に使用する<command>タグについてのご説明です。 ホームページ制作において<command>（コマンド）タグは、<menu></menu>の中に配置することによって、ウェブサイト・ホームページの操作メニ
htmlタグ｜command コマンド
<canvas> </canvas> ホームページ制作（ウェブサイト制作）の際に使用する<canvas>タグについてのご説明です。 ホームページ制作において<canvas>（キャンバス）タグはホームページ（ウェブサイト）内に、図形を描く場合に使用するタグです。 <canvas> ホームページ上に図
htmlタグ｜canvas
<caption></caption> ホームページ制作（ウェブサイト制作）の際に使用する<caption>タグについてのご説明です。 ホームページ制作において<caption>（キャプション）タグは、ホームページ（ウェブサイト）内に設置したテーブルのタイトルを指定します。 <caption> 表組
htmlタグ｜caption キャプション [ホームページ制作の基本タグ]
<body></body> ホームページ制作（ウェブサイト制作）の際に使用する<body>タグについてのご説明です。 ホームページ制作において<body>（ボディ）タグはウェブサイト・ホームページを構成するHTML文書の本体部分であることを指定します。 <body>タグで囲まれた部分が、サイトアクセ
htmlタグ｜body ボディ
<bdo></bdo> ホームページ制作（ウェブサイト制作）の際に使用する<bdo>タグについてのご説明です。 ホームページ制作において<bdo>タグを使用することによって、標準では左端から右方向へと記述されるテキスト文字の表記方法を任意の方向へと変更することができます。 <bdo> 表記方法の上書
htmlタグ｜bdo
<base></base> ホームページ制作（ウェブサイト制作）の際に使用する<base>タグについてのご説明です。 ホームページ制作において<base>（ベース）タグを使用することによって、相対パスの基準URLを指定することができます。 URLのパスには絶対パスと相対パスがあります。 <base>
htmlタグ｜base ベース [ホームページ制作の基本タグ]
<aside></aside> ホームページ制作（ウェブサイト制作）の際に使用する<aside>タグについてのご説明です。 <aside>（アサイド）タグは、「余談」や「補足」といった意味を持つaside（アサイド）を意味しているため、ウェブサイト・ホームページ内のタグで囲まれた領域が、余談・補足的情報の領域で
htmlタグ｜aside アサイド
<article></article> ホームページ制作（ウェブサイト制作）の際に使用する<article>タグについてのご説明です。 「アーティクル」には「記事」という意味があるため、ウェブサイト・ホームページ内<article>（アーティクル）タグに囲まれた部分が単体の「記事」であることを示します。 <
htmlタグ｜article アーティクル [ホームページ制作の基本タグ]
<a href=”” target=”” title=””></a> ホームページ制作（ウェブサイト制作）の際に使用する<a>（アンカー）タグについてのご説明です。 このアンカータグはホームページ内のページとページをつなぐリンクを設置する時に使用します
htmlタグ｜a アンカー,リンク [ホームページ制作の基本タグ]
