ホームページの作り方を基礎から学べるウェブサイト。
わかりやすい説明で初心者も安心！
タイトルタグとは、その名のとおり、ページのタイトルを入力するためのタグです。
[タイトルタグの表示例]
「このページは何について書かれているのか」「何について説明されているのか」を表す、重要な要素です。
[検索結果での表示例]
GoogleやYahooなどで検索する際にも、ページタイトルが表示されます。ここが「無題」だったりすると、何について書かれているページなのかわからず、誰もクリックしない可能性だってあります。
それに、せっかく作ったページが「無題」で表示されていたら、ちょっとカッコワルイですよね・・・。それを避けるためにも、必ずタイトルは入力しましょう。
タイトルタグは、必ずHeadセクション内に入力する必要があります。Bodyセクション内にしてもブラウザのタイトルバーには表示されません。
タイトルタグの入力によって表示されるタイトルは、ページタイトルやタブはもちろん、お気に入りや履歴一覧にも表示されます。
それでは、さっそくタイトルタグを入力してみましょう。
まずは「homepage」フォルダ内の「index.html」をテキストエディターで開いてください。
開いたら、<head>～</head>の間に以下のタグを入力します。
<title>ホームページの勉強中</title>
<html>
<head>
<meta charset="utf-8">
<title>ホームページの勉強中</title>
</head>
<body>
</body>
</html>
入力が完了したら、ブラウザで確認してみましょう。保存してテキストエディターを閉じ、「index.html」をブラウザで開きます。
赤枠で囲った箇所に、入力したタイトルが表示されました！
<Head>セクション内に記述した<title></title>で囲んだ文字が、そのままタイトルとして表示されます。
これでタイトルの入力は完了です。
次のページでは、「文字の入力と改行」方法について学習しましょう。
より多くの人にホームページを訪れてもらうために、タイトルタグの入力は欠かせません。せっかく作ったページが「無題」では何のページかわかりませんし、カッコ悪いですよね。
また、Googleなどの検索エンジンはタイトルをページの重要な要素と判断します。必ず入力するよう心がけましょう。
安心してホームページを運営するための心がけ。
よく使う、HTMLの特殊文字・記号の一覧表。
HTML・CSSで使えるカラーコードの一覧表。
当サイトをご利用になる前に、必ずご確認ください。
よくあるご質問など。
さきちんWEBについてのお問い合わせはこちらから。
個人情報管理とWeb広告配信について。
さきちんWEBの管理・運営者、さきちんについて。
さきちんWEBのサイトマップ。