純粋なHTMLタグをいくつ知っていますか?
2022-01-30 09:23:21
以下のHTMLタグは、基本的に既存のタグを全て網羅していますので、数分かけて全てに目を通すと、何か得るものがあるかもしれません。
<! --...--> :commentタグはソース文書にコメントを挿入するために使用されます。
<!DOCTYPE> :文書がどのHTMLまたはXHTMLの仕様を使っているかをブラウザに知らせます。
href属性で他の文書へのリンク(ハイパーリンク)を作成したり、name属性やid属性で文書内にブックマークを作成したりすることができます。
<abbr> :quot;Inc.や"etc.などの省略形を表します。
acronym> :頭文字のみの定義、例えば "NATO" です。頭文字のみにタグ付けすることで、ブラウザ、スペルチェッカー、翻訳システム、検索エンジンのインデクサーに有益な情報を提供することができます。
<address> :住所(メールアドレスなど)を定義します。アドレス、署名、文書の作成者を定義するために使用する必要があります。
<applet> :埋め込みアプレットを定義します。
area> :タグは、イメージマップ内の領域を定義します(注:イメージマップとは、クリック可能な領域を持つ画像のことです)。area要素は、常に<map>タグ内にネストされています。
<base> :ページ上のすべてのリンクのデフォルトアドレスまたはデフォルトターゲットを定義します。
<basefont> :ベースフォントを定義します。このタグは、文書内のすべてのテキストに対するデフォルトのフォントの色、フォントサイズ、およびフォントファミリーを定義します。
<bdo> :デフォルトのテキストの向きを上書きすることができます。
<blockquote> :ブロック参照を定義することができます。
<body> :文書の本文を定義します。
<br> :単純な改行を挿入します。
<button> :ボタンを定義します。
tableタグの後にcaptionタグを記述します。キャプションは1つのテーブルにつき1つだけ定義できます。通常、このキャプションはテーブルの上の中央に配置されます。
<center> :含まれるテキストの水平方向の中央揃え
<col> :テーブル内の1つまたは複数の列の属性値を定義します。全ての列にスタイルを適用したい場合、個々のセルや行に繰り返しスタイルを適用する必要がないため、<col>タグは便利です。tableまたはcolgroup要素の中でのみ、<col>タグを使用することができます。
<colgroup> :表内の列を結合して書式設定するために使用します。全ての列にスタイルを適用したい場合、個々のセルや行に繰り返しスタイルを適用する必要がないため、<colgroup>タグは便利です。このタグは、table要素の中でのみ使用することができます。
<dd> :定義リストのエントリーの定義部分を定義する。
<del> :文書内の削除されたテキストを定義します。文書の更新や訂正を記述するために <ins> タグと一緒に使用します。
<dir> :ディレクトリのリストを定義します。
<div> :ドキュメント内のパーティションまたはセクションを定義します。
<dl> :リストを定義します。
<dt> :リスト内の項目を定義します。
<fieldset> :フォーム内の関連する要素をグループ化します。
<font> :テキストのフォント、フォントサイズ、フォントカラーを指定する。
<form> :ユーザー入力用のHTMLフォームを作成するために使用します。
<frame> :フレームセット内の特定のウィンドウ(フレーム)を定義します。
<frameset> :フレームセットを定義します。複数のウィンドウ(フレーム)をまとめるために使用します。各フレームは別々のドキュメントを持ちます。最も単純な用途では、frameset要素は単にフレームセット内に存在する列や行の数を指定します。cols または rows 属性を使用する必要があります。
<head> :ドキュメントのheadを定義し、すべてのhead要素のコンテナとなります。head要素は、スクリプトを参照したり、ブラウザがスタイルシートを見つける場所を示したり、メタ情報を提供したりすることができます。
<h1> - <h6> :見出しを定義します。
<hr> :HTMLページ内に横線を作成します。
<html> :ブラウザにHTML文書であることを伝えます。
<iframe> :他のドキュメントを含むインラインフレームを作成する(=インラインフレームを作成する)。
<img> :画像のペアを定義します。
<input> :ユーザーに関する情報を収集するために使用されます。type属性の値によって、入力フィールドは多くの形態をとることができます。入力フィールドは、テキストフィールド、チェックボックス、マスクされたテキストコントロール、ラジオボタン、ボタンなどです。
<ins> :ドキュメントに挿入されたテキストを定義します。
<label> :ラベル
<legend> :fieldset要素のタイトルを定義します。
<li> :リスト項目の定義、<li>タグは順序付きリスト(<ol>)と順序なしリスト(<ul>)で使用可能です。
<link> :文書と外部リソースとの関係を定義します。最も一般的な使用法は、スタイル・シートへのリンクです。
<map> :クライアントサイドのイメージマップを定義します。イメージマップとは、クリック可能な領域を持つ画像のことです。
<menu> :メニューのリストを定義する。
<meta> :検索エンジン向けの説明やキーワード、更新頻度など、ページに関するメタ情報を提供します。 <meta> タグは文書の先頭に置かれ、内容は一切含まれません。<meta>タグの属性は、文書に関連する名前と値のペアを定義します。
noframes要素はframeset要素の中にあります。
<noscript> :スクリプトが実行されない場合の代替コンテンツ(テキスト)を定義します。
<object> :埋め込みオブジェクトを定義します。XHTMLページにマルチメディアを追加する場合は、この要素を使用してください。この要素では、HTML 文書に挿入するオブジェクトのデータやパラメータ、およびデータの表示や操作に使用できるコードを指定することができます。<object> タグは、画像、音声、ビデオ、Javaアプレット、ActiveX、PDF、Flashなどのオブジェクトを含めるために使用されます。
<ol> :順序付きリストの定義
<optgroup> :オプショングループの定義
<option> :ドロップダウンリストのオプションを定義し、option要素はselect要素の中にあります。
<p> :段落を定義します。
<param> :それを含む <object> または <applet> タグに対するパラメータを提供する。
<pre> :プリフォーマットされたテキストを定義します。pre要素で囲まれたテキストは、通常、スペースと改行が保持されます。また、テキストは等幅フォントで表示され、<pre>タグの一般的な用途は、コンピュータのソースコードを表現することです。
<q> :短いリファレンスを定義する
<s> :プラス打ち消し線のテキストを定義する
script要素は、scriptステートメントを含むか、src属性によって外部スクリプトファイルを指すことができます。必須である type 属性は、スクリプトの MIME タイプを指定します。
<select> :単一または複数の選択メニューを作成します。
<span> :文書内のインライン要素をグループ化するために使用します。
<strike> :define plus strikeethrough text definition (定義プラス取り消し線)
<style> :HTML文書のスタイル情報を定義します。type属性は必須で、style要素の内容を定義します。指定できる値は "text/css" のみです。
<sub> :添え字のテキストを定義します。
<sup> :上付き文字列を定義します。
<table> :HTMLテーブルを定義します。tr要素は表の行を、th要素は表のヘッダを、td要素は表のセルを定義します。より複雑なHTMLの表は、caption、col、colgroup、head、tfoot、tbody要素も含む場合があります。
<tbody> :タグ テーブル本体(body)。このタグは、HTMLテーブルの本体をグループ化するために使用します。tbody要素は、thead要素やtfoot要素と一緒に使用する必要があります。thead要素はHTMLテーブルのヘッダーをグループ化するために使用し、tfoot要素はHTMLテーブルのフッター(足)をグループ化するために使用します。thead、tfoot、tbody要素では、テーブル内の行をグループ化する能力が与えられます。表を作成する際、ヘッダー行、データのある行、そして一番下に合計行を置きたい場合があります。このように分割することで、ブラウザはテーブルのタイトルやフッターとは別に、テーブル本体のスクロールをサポートすることができます。長いフォームを印刷する場合、フォームのヘッダーとフッターは、フォームのデータを含む各ページに印刷することができます。
<td> :HTMLテーブルの標準セルを定義する。
<textarea> :複数行のテキスト入力制御を定義します。
<tfoot> :フォームのフッター(脚注、表注)を定義します。
<th> :テーブル内のテーブルヘッダーセルを定義します。このth要素内のテキストは、通常、太字で表示されます。
<thehead> :ditto
<title> :ドキュメントのタイトルを定義します。
<tr> :HTMLテーブルの行を定義します。
<u> :下線テキストを定義します。
<ul> :順序なしリストを定義します。
推奨されなくなったタグがあります。
以下の要素は、主にfont style要素です。これらのタグを使用することに異存はありません。しかし、単にこれらのタグでテキストのスタイルを変更したい場合は、より豊かな効果を得るために、スタイルシートを使用することをお勧めします。
<tt> タイプライター風または等幅のテキスト効果をレンダリングします。
<i> イタリック体のテキスト効果を表示します。
<b> 太字のテキストエフェクトを表示します。
<big> 大きなフォント効果を描画します。
<small> 小さなフォント効果を描画します。
<em> テキストを強調表示するように定義します。
<strong> テキストを、トーンがより強調されたコンテンツとして定義します。
<dfn>定義項目を定義します。
<code> コンピュータコードのテキストを定義します。
<samp> サンプルテキストを定義します。
<kbd> キーボードテキストを定義します。キーボードから入力されたテキストであることを示す。コンピュータ関連の文書やマニュアルでよく使用される。
<var> 変数を定義します。このタグは <pre> と <code> タグと一緒に使うことができます。
<cite> 参考文献を定義する。このタグは、本や雑誌のタイトルなど、参考文献の引用を定義するために使用します。
<! --...--> :commentタグはソース文書にコメントを挿入するために使用されます。
<!DOCTYPE> :文書がどのHTMLまたはXHTMLの仕様を使っているかをブラウザに知らせます。
href属性で他の文書へのリンク(ハイパーリンク)を作成したり、name属性やid属性で文書内にブックマークを作成したりすることができます。
<abbr> :quot;Inc.や"etc.などの省略形を表します。
acronym> :頭文字のみの定義、例えば "NATO" です。頭文字のみにタグ付けすることで、ブラウザ、スペルチェッカー、翻訳システム、検索エンジンのインデクサーに有益な情報を提供することができます。
<address> :住所(メールアドレスなど)を定義します。アドレス、署名、文書の作成者を定義するために使用する必要があります。
<applet> :埋め込みアプレットを定義します。
area> :タグは、イメージマップ内の領域を定義します(注:イメージマップとは、クリック可能な領域を持つ画像のことです)。area要素は、常に<map>タグ内にネストされています。
<base> :ページ上のすべてのリンクのデフォルトアドレスまたはデフォルトターゲットを定義します。
<basefont> :ベースフォントを定義します。このタグは、文書内のすべてのテキストに対するデフォルトのフォントの色、フォントサイズ、およびフォントファミリーを定義します。
<bdo> :デフォルトのテキストの向きを上書きすることができます。
<blockquote> :ブロック参照を定義することができます。
<body> :文書の本文を定義します。
<br> :単純な改行を挿入します。
<button> :ボタンを定義します。
tableタグの後にcaptionタグを記述します。キャプションは1つのテーブルにつき1つだけ定義できます。通常、このキャプションはテーブルの上の中央に配置されます。
<center> :含まれるテキストの水平方向の中央揃え
<col> :テーブル内の1つまたは複数の列の属性値を定義します。全ての列にスタイルを適用したい場合、個々のセルや行に繰り返しスタイルを適用する必要がないため、<col>タグは便利です。tableまたはcolgroup要素の中でのみ、<col>タグを使用することができます。
<colgroup> :表内の列を結合して書式設定するために使用します。全ての列にスタイルを適用したい場合、個々のセルや行に繰り返しスタイルを適用する必要がないため、<colgroup>タグは便利です。このタグは、table要素の中でのみ使用することができます。
<dd> :定義リストのエントリーの定義部分を定義する。
<del> :文書内の削除されたテキストを定義します。文書の更新や訂正を記述するために <ins> タグと一緒に使用します。
<dir> :ディレクトリのリストを定義します。
<div> :ドキュメント内のパーティションまたはセクションを定義します。
<dl> :リストを定義します。
<dt> :リスト内の項目を定義します。
<fieldset> :フォーム内の関連する要素をグループ化します。
<font> :テキストのフォント、フォントサイズ、フォントカラーを指定する。
<form> :ユーザー入力用のHTMLフォームを作成するために使用します。
<frame> :フレームセット内の特定のウィンドウ(フレーム)を定義します。
<frameset> :フレームセットを定義します。複数のウィンドウ(フレーム)をまとめるために使用します。各フレームは別々のドキュメントを持ちます。最も単純な用途では、frameset要素は単にフレームセット内に存在する列や行の数を指定します。cols または rows 属性を使用する必要があります。
<head> :ドキュメントのheadを定義し、すべてのhead要素のコンテナとなります。head要素は、スクリプトを参照したり、ブラウザがスタイルシートを見つける場所を示したり、メタ情報を提供したりすることができます。
<h1> - <h6> :見出しを定義します。
<hr> :HTMLページ内に横線を作成します。
<html> :ブラウザにHTML文書であることを伝えます。
<iframe> :他のドキュメントを含むインラインフレームを作成する(=インラインフレームを作成する)。
<img> :画像のペアを定義します。
<input> :ユーザーに関する情報を収集するために使用されます。type属性の値によって、入力フィールドは多くの形態をとることができます。入力フィールドは、テキストフィールド、チェックボックス、マスクされたテキストコントロール、ラジオボタン、ボタンなどです。
<ins> :ドキュメントに挿入されたテキストを定義します。
<label> :ラベル
<legend> :fieldset要素のタイトルを定義します。
<li> :リスト項目の定義、<li>タグは順序付きリスト(<ol>)と順序なしリスト(<ul>)で使用可能です。
<link> :文書と外部リソースとの関係を定義します。最も一般的な使用法は、スタイル・シートへのリンクです。
<map> :クライアントサイドのイメージマップを定義します。イメージマップとは、クリック可能な領域を持つ画像のことです。
<menu> :メニューのリストを定義する。
<meta> :検索エンジン向けの説明やキーワード、更新頻度など、ページに関するメタ情報を提供します。 <meta> タグは文書の先頭に置かれ、内容は一切含まれません。<meta>タグの属性は、文書に関連する名前と値のペアを定義します。
noframes要素はframeset要素の中にあります。
<noscript> :スクリプトが実行されない場合の代替コンテンツ(テキスト)を定義します。
<object> :埋め込みオブジェクトを定義します。XHTMLページにマルチメディアを追加する場合は、この要素を使用してください。この要素では、HTML 文書に挿入するオブジェクトのデータやパラメータ、およびデータの表示や操作に使用できるコードを指定することができます。<object> タグは、画像、音声、ビデオ、Javaアプレット、ActiveX、PDF、Flashなどのオブジェクトを含めるために使用されます。
<ol> :順序付きリストの定義
<optgroup> :オプショングループの定義
<option> :ドロップダウンリストのオプションを定義し、option要素はselect要素の中にあります。
<p> :段落を定義します。
<param> :それを含む <object> または <applet> タグに対するパラメータを提供する。
<pre> :プリフォーマットされたテキストを定義します。pre要素で囲まれたテキストは、通常、スペースと改行が保持されます。また、テキストは等幅フォントで表示され、<pre>タグの一般的な用途は、コンピュータのソースコードを表現することです。
<q> :短いリファレンスを定義する
<s> :プラス打ち消し線のテキストを定義する
script要素は、scriptステートメントを含むか、src属性によって外部スクリプトファイルを指すことができます。必須である type 属性は、スクリプトの MIME タイプを指定します。
<select> :単一または複数の選択メニューを作成します。
<span> :文書内のインライン要素をグループ化するために使用します。
<strike> :define plus strikeethrough text definition (定義プラス取り消し線)
<style> :HTML文書のスタイル情報を定義します。type属性は必須で、style要素の内容を定義します。指定できる値は "text/css" のみです。
<sub> :添え字のテキストを定義します。
<sup> :上付き文字列を定義します。
<table> :HTMLテーブルを定義します。tr要素は表の行を、th要素は表のヘッダを、td要素は表のセルを定義します。より複雑なHTMLの表は、caption、col、colgroup、head、tfoot、tbody要素も含む場合があります。
<tbody> :タグ テーブル本体(body)。このタグは、HTMLテーブルの本体をグループ化するために使用します。tbody要素は、thead要素やtfoot要素と一緒に使用する必要があります。thead要素はHTMLテーブルのヘッダーをグループ化するために使用し、tfoot要素はHTMLテーブルのフッター(足)をグループ化するために使用します。thead、tfoot、tbody要素では、テーブル内の行をグループ化する能力が与えられます。表を作成する際、ヘッダー行、データのある行、そして一番下に合計行を置きたい場合があります。このように分割することで、ブラウザはテーブルのタイトルやフッターとは別に、テーブル本体のスクロールをサポートすることができます。長いフォームを印刷する場合、フォームのヘッダーとフッターは、フォームのデータを含む各ページに印刷することができます。
<td> :HTMLテーブルの標準セルを定義する。
<textarea> :複数行のテキスト入力制御を定義します。
<tfoot> :フォームのフッター(脚注、表注)を定義します。
<th> :テーブル内のテーブルヘッダーセルを定義します。このth要素内のテキストは、通常、太字で表示されます。
<thehead> :ditto
<title> :ドキュメントのタイトルを定義します。
<tr> :HTMLテーブルの行を定義します。
<u> :下線テキストを定義します。
<ul> :順序なしリストを定義します。
推奨されなくなったタグがあります。
以下の要素は、主にfont style要素です。これらのタグを使用することに異存はありません。しかし、単にこれらのタグでテキストのスタイルを変更したい場合は、より豊かな効果を得るために、スタイルシートを使用することをお勧めします。
<tt> タイプライター風または等幅のテキスト効果をレンダリングします。
<i> イタリック体のテキスト効果を表示します。
<b> 太字のテキストエフェクトを表示します。
<big> 大きなフォント効果を描画します。
<small> 小さなフォント効果を描画します。
<em> テキストを強調表示するように定義します。
<strong> テキストを、トーンがより強調されたコンテンツとして定義します。
<dfn>定義項目を定義します。
<code> コンピュータコードのテキストを定義します。
<samp> サンプルテキストを定義します。
<kbd> キーボードテキストを定義します。キーボードから入力されたテキストであることを示す。コンピュータ関連の文書やマニュアルでよく使用される。
<var> 変数を定義します。このタグは <pre> と <code> タグと一緒に使うことができます。
<cite> 参考文献を定義する。このタグは、本や雑誌のタイトルなど、参考文献の引用を定義するために使用します。
関連
-
HTML+cssのボックスモデル例(円、半円など)「border-radius」使いやすい
-
HTMLテーブルのテーブル分割とマージ(colspan, rowspan)
-
HTMLページ適応型テーブル(table)
-
レスポンシブフレームワークの分析、テーブル表ヘッダー自動改行クイックソリューション
-
フォームのデフォルトの送信方法を変更する方法
-
選択項目にスタイルを追加するための純粋なcss(スクリプトなし)
-
textareaの動的な残り単語を取得するメソッドの実装方法
-
6つの一般的でないHTMLタグの使用方法
-
Web制作の基本 文書型記述(DTD)を宣言する
-
HTMLのセマンティクスと関連するフロントエンドフレームワークの詳細分析
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
HTMLのhoverfloatの使い方を分析する
-
divの幅をwidth:100に設定し、親要素を超えるpaddingまたはmarginを設定する場合の解決法
-
Html/Css(初めての方必見攻略法)
-
HTMLの使用は、制限されたipの投票サイト不正プログラムを達成するために
-
フラッシュビデオフォーマット(flv、swf)ファイルをhtmlファイルに埋め込む方法
-
html.cssのオーバーフローを総合的に理解する。
-
Htmlにおけるvalue属性とname属性の役割とその利用法
-
IEタグLIテキスト改行不具合について
-
htmlフォームの「参照」ボタンをファイルアップロードに変更する方法
-
WebページのレイアウトはIE6との互換性の問題を考慮する必要がある