∇ WEBプログラマー  便利帳 ≫ HTML
HTML CSS
*
▼スポンサー広告
次の広告へ
▼スポンサー広告
次の広告へ
▼スポンサー広告
次の広告へ
『 
HTMLタグ(目的別)
 』
テキスト 関連
xmp・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
HTMLコードをそのまま表示する
pre・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
ソースに記述された通りそのまま表示
code・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
プログラムコードであることを示す
abbr・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
略語(頭字語以外)であることを表す
font・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
フォントの種類・大きさ・色を指定する
b・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
テキストを太字にする
h1~6・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
見出しをつける
em・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
テキストを強調する
strong・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
テキストをより強く強調する
表 関連
table・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
<tr><th><td> と組み合わせてテーブル(表)を作成する
tr・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
<table>の横方向の一行を定義する
th・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
<table>の見出しセルを作成する
td・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
<table>のセルを作成する
画像 関連
img・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
画像を表示する
フォーム 関連
form・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
入力フォームを作る
input・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
フォームの構成部品(入力欄・ボタン等)を作成する
textarea・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
複数行の入力欄を作成する
select・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
セレクトボックスを作成する
radio・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
ラジオボタンを作成する
文書情報 関連
address・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
連絡先・問合せ先を表す
aside・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
補足情報のセクションであることを示す
article・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
記事であることを示す
その他 関連
meta・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
文書に関する情報・構造(メタデータ)を指定する
html・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
HTML文書であることを宣言する
a・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
リンクの出発点・到達点を指定する
area・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
イメージマップの領域を設定する
audio・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
音声を再生する
meta
文書に関する情報・構造(メタデータ)を指定する(その他)
Internet Explorer4~
Firefox1~
Google Chrome1~
Opera6~
Safari?~
記入例
<meta
設定
プロパティ
名前
></meta>
メタデータを HTTP ヘッダとして送信する際のプロパティ名を設定するための属性。
プロパティ名や内容を記入。
スクリプト言語などから参照できるよう名前を指定。
【 meta 属性 】
http-equiv
[
プロパティ名の設定
]
content
[
プロパティ名
]
name
[
参照名
]
<META>タグはその文書に関する情報(メタ情報)を指定して、 ブラウザや検索ロボットに知らせるためのタグです。制作者やキーワード等の情報をname属性で定義して、 content属性でその値を指定します。

<META>タグは必ず<HEAD>~</HEAD>間に記述してください。

文字コードの指定
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp">
<meta http-equiv="Content-Type" content="text/html; charset=iso-2022-jp">
その文書の文字コードが「シフトJIS」の場合は「shift_jis」、「EUC」の場合は「EUC-jp」、 「JIS」の場合は「iso-2022-jp」を指定します。 文字コード指定は文字化け防止のために指定しておく方が良いでしょう。 文字コードの指定は、<TITLE>~</TITLE>内などで日本語が現れる前に行う必要があります。

文書の説明・キーワードの指定
<meta name="description" content="HTMLタグ・WEBカラー等の早見表。">
<meta name="keywords" content="HTML,カラー,画像,特殊文字,リファレンス">
その文書の説明(description)・キーワード(keyword)を指定します。 ここで指定した値は多くの検索エンジンで利用されるので、慎重に言葉を選んでください。

検索ロボットの制御
<meta name="robots" content="noindex,nofollow">
検索ロボットに対して登録されないよう(noindex)、また文書内のリンクをたどらないように(nofollow)指定しています。 この指定はすべての検索ロボットに対して有効ではなく、この情報を参照する紳士的な検索ロボットに対してのみ有効です。

基準スタイルシート言語と基準スクリプト言語の指定
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
その文書のデフォルトのスタイルシート言語とスクリプト言語を指定します。 タグに直接style属性でスタイルシートを指定する場合などに、ここで指定した言語であると解釈されます。 多くの場合これらの指定をしなくてもブラウザが自動的に判断しますが、誤動作を避けるためにも記述しておく方がベターでしょう。

別ページへの自動ジャンプと画読み込み
<meta http-equiv="refresh" content="5; url=aaa.htm">
<meta http-equiv="refresh" content="5">
5秒後にaaa.htmに自動的にジャンプします。 またジャンプ先urlを指定しない場合には、その文書を再読み込みします。 古いブラウザではこの機能に対応していない場合があります。(IE3.0/NN2.0よりサポート)

キャッシュの制御と有効期限の指定
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="Sat, 31 Aug 2002 17:35:42 GMT">
文書がブラウザにキャッシュされないようにします。 また、文書のキャッシュが消去される時刻を指定します。
※GMTとは「グリニッジ標準時」を表し、YYYY-MM-DDThh:mm:ssTZD の書式とは異なります。 上の例ではグリニッジ標準時2002年8月31日17時35分42秒にキャッシュが消えるよう指定しています。

文書の作者を表記
<meta name="author" content="HTMQ">
その文書の作者(author)を表記します。

文書を作成したエディタを表記
<meta name="generator" content="notepad">
その文書を作成したエディタを表記します。

HTMLサンプルコード
※上記プロパティ値や下記のタグをクリックして、下のフォーム内に反映させて使用します。
表示結果

▼スポンサー広告
次の広告へ
▼スポンサー広告
次の広告へ

▼スポンサー広告
次の広告へ
スポンサーリンク
▼スポンサー広告
次の広告へ
このページの最終更新日:2021/11/29 12:56