headタグ内でよく使うHTMLタグのまとめ

headタグに使うmetaタグやlinkタグがあると思うんですが、あまり分からずに使っていたりする事ってないですか?
実際昔自分は、あまりわからずに使っていました。。。

でもちゃんと理解しないと駄目だと思うので、今回は自分がよく使うmetaタグやlinkタグまとめて解説したいと思います。

…ここからが続き

よく使うmetaタグ

文字コード

<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />

一般的によく使う文字コードは「shift_jis」「UTF-8」「EUC-JP」です。

文書のキーワード

<meta name="keywords" content="キーワード" />

文書の概要

<meta name="description" content="紹介文" />

基準スタイルシート言語

<meta http-equiv="Content-Style-type" content="text/css" />

基準スクリプト言語

<meta http-equiv="Content-Script-type" content="text/javascript" />

検索ロボット制御

<meta name="robots" content="index,follow" />

よく使うlinkタグ

indexページとの関係

<link rel="index" href="/index.html">

一連の文書の中の最初の文書へのリンク

<link rel="start" title="制作したサイトの名前" href="制作したサイトのURL" />

サーチエンジンのロボットなどが検索する際に、作品の途中のドキュメントへ直接リンクしてしまうことがよくありますが、この情報により、合わせて作品の最初へのリンクも提供できるようになります。

ファビコン設置

<link href="ファビコンへのパス" rel="shortcut icon" />

ファビコンについて

Comments

Korene

Korene

Good words.

2008年10月29日 07:04

Comment Form

※コメントが認証されるまで、コメントは反映されません。ご了承くださいませ。


(公開されません)
 
Captcha

画像の中に見える文字を入力してください。

page top へ

Sponsor

  • heteml
  • Movable Type

Category

Recent Article

2011 04-05
iPhone スマートフォンサイトのデザインのまとめ
2011 04-04
スマートフォン対応にしてみました
2011 04-01
CSS3 要素を透明に出来る Opacity と RGBa の使い方
2011 03-31
サイトリニューアルしました
2010 12-01
CSS3 でボタンを作る為のテクニック、サンプル集
2010 11-24
綺麗でリッチなフッターデザイン集のまとめ 60
2010 11-18
緑と黒色を使った Webデザインのサイト 25
2010 11-10
知っておいた方が便利なエクセルの知識

Recent Comments

Archive

2011年
2010年
2009年
2008年

Related Article