ドットインストール HTML入門1～4

headで用いるタグ

headタグで囲われた部分で用いる基本的なタグ。

<meta charset="shift-jis">
<title>初めてのHTML</title>
<meta name="description" content="初めてのHTML文書です。">
<style>
    p { color: red;}
</style>
<link rel="stylesheet" href="mystyle.css">
<link rel="shortcut icon" href="favicon.ico">

<title>

囲った中にタイトルを入力する。

検索結果やブックマークなどにも表示される。

 <style>

スタイルシート部分。

囲った中に文書の表示規則などをまとめて書く。

<link>

外部データを読み込む際に使用する、今回はスタイルシートとアイコン。

rel属性の値に読み込むファイルが何であるかを示す。

href属性の値には読み込みのURLなどを示す。

上記のように相対パスでリンク先を表すこともできる。

<meta>

linkやtitleなどの要素以外のデータ。

charset属性であれば値に文字エンコーディングの種類を示す。

ドットインストールではutf-8を指定していたが文字化けしてしまったのでshift-jisを指定している。

name属性ではさらに細かいデータを指定しcontent属性の値に内容を示す。

descriptionは文書の説明文を表し、検索結果で表示される。

headに記述されるタグは文書の基本的な構造やパラメーターの規定となる。