Lesson4 4. head要素の記述

4.1 title要素

title要素にはWebページのタイトルを記述します。Webページのタイトルとは、検索エンジンの結果ページに一覧表示される、SEO上最も重要な要素です。

~~
<head>
    <title>HTML文書の基本</title>
</head>
~~

4.2 link要素

link要素はスタイルシートなど、外部ファイルを参照する際に使用します。

~~
<head>
    <title>HTML文書の基本</title>
    <link rel="stylesheet" href="https://l-works.design/css/style.css">
</head> ~~

rel属性で外部ファイルのタイプを指定します。スタイルシートの場合はrel="stylesheet"と記述します。
href属性で外部ファイルの場所を指定します。

4.3 meta要素

meta要素には、文書のメタ情報を記述します。
メタ情報は、文書の説明、文字エンコーディングなどが含まれます。

~~
<head>
    <title>HTML文書の基本</title>
    <link rel="stylesheet" href="https://l-works.design/css/style.css">
    <meta charset="UTF-8">
    <meta name="description" content="文書の説明は検索エンジンの検索結果ページに表示されるため、タイトルと並びSEO上非常に重要です。">
</head>
~~