[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
ホームページを作る知識としてHTMLを知っておきたいと思う人はたくさんいると思います。 でもどうやったらいいのかわからないですよね? お困りの方に是非お役立ていただきたい 簡単にわかるHTMLの仕組みなどを紹介していきますw
わかりづらかったりするかもしれませんが 出来るだけわかりやすく記載するつもりですので 見てくださったら嬉しいです。
HTMLの基礎の部分からです。
<html>~</html>
ドキュメントの内容がHTMLであることを宣言しています。 先頭にHTML末尾にはスラッシュHTML を記述してソース全体を囲みます。 lang="ja" は日本語という意味です。 これを言語コードといいます。
<title>~</title>
この間にはさまれた文字列は、ドキュメントのタイトルとして ブラウザのタイトルバーに表示されます。 また お気に入りに登録した場合の登録名になり、サーチエンジンの検索ロボットが Webページを登録する際の手がかりになりやすいので Webページの内容を明確に表す言葉にするといいです。
<meta name="author" content="著作者 " />
HTMLドキュメントの著者を明記する。 ブラウザの画面には表示されない。 contentの部分には自分の名前やハンドルネーム、もしくはメールアドレスなどを記述するのが 一般的です。
<meta name="description" content="説明" />
HTMLドキュメントの内容に関する説明(description)を記述します。 検索ロボットが この内容を解釈して、サーチエンジンに登録してくれる事があります。
<meta name="keywords" content="キーワード" />
HTMLドキュメントの内容に関するキーワードを記述します。 検索ロボットが このキーワードをサーチエンジンに登録してくれる事があります。 キーワードを複数登録する時は 間を ,(カンマ)で区切ります。
<meta http-equiv="content-type" content="文字コードセット" />
HTMLドキュメントに使用している文字コードセットを記述します。 誤動作した場合は文字化けを起こします。 これを抑えるために記述する事が 推奨されています。 シフトJISの場合=Sift_JIS. EUCの場合euc-jp, JISコードの場合は iso-2022jpと記述します。 通常はシフトJISです。
ドキュメント情報を記述するその他のメタタグ
<meta name="robots" content="noindex,nofollow"/>
gooやinfoseekなどのロボット型のサーチエンジンが使用する検索ロボットが HTMLドキュメントを検索する事を許可するかどうかを記述するメタタグです。
index 検索を許可
noindex 検索を禁止
follow リンク先をたぐる事を許可
nofollow リンク先参照を禁止する
<meta http-equive="refresh" content="10" />
ブラウザに表示しているHTMLドキュメントを10秒ごとに更新する。 秒数は dontentの中の数値で設定します。
<meta http-equive="pragma" content="no-cache" />
HTMLドキュメントがブラウザにキャッシュされる事を防ぎます。 これをするとアクセスするたびに 最新のページを読み込ませる事ができます。
<meta http-equive="refresh" content="10",url="http://○○○.com" />
指定した数秒後にurlで指定したサイトにジャンプすることができます。 webページを移転した場合、移転先に自動的にジャンプさせるために用いる事がよくあります。 とても便利なメタタグです。
今日はここまでです。 最初は覚えようと思っても 中々思うように覚えられないかもしれません。 でも頑張ってみれば以外に簡単かもしれませんw 自分のサイトを自分で作ってみたい と思うのならここで頑張ってみてはいかがでしょうか? HTMLの簡単な習得のお手伝いが出来たら幸いです。
| 06 | 2026/07 | 08 |
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
らしいです。 私は出来ませんでしたが、、やれる人がいたら やってみてくださいねw
お役立ちツールです!
キーワードツール無料です。 検索してみてね!
| キーワードアドバイス ツールプラス Powered by SEO対策 |
【ズバリ!】あなたのホームページの売上が上がります!
20個以上のSEO対策ツールが1,980円で使い放題!
メルマグ