<head>~</head>
head 要素は、文書のメタデータのあつまりを表します。html 要素の最初の子要素としてひとつだけ使用することができ、またtitle要素はhead要素内で必須となります。
ただし、title 要素は、iframe 要素の srcdoc 属性値に入れられる文書内、もしくは別の手段でタイトル情報が提供される場合は省略可能です。別の手段でタイトルが提供されるというのは、例えば HTML メールなどで、メールの見出しによってタイトルが提供されている時などが該当します。
head要素で使用できる属性
グローバル属性
すべてのHTML要素で使用できる属性になります。
使用例
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="description" content="ページ概要">
<meta name="viewport" content="width=device-width, initial-scale="1.0">
<title>タイトル</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="icon" type="image/png" href="/img/favicon.png">
<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="./js/script.js"></script>
</head>
<body>
<header>
<h1>Webサイトのタイトル</h1>
<nav>
<ul>
<li><a href="#">HOME</a></li>
<li><a href="./company-profile/">会社概要</a></li>
<li><a href="./staff/">フタッフ</a></li>
<li><a href="./access/">アクセス</a></li>
<li><a href="./contact/">お問い合わせ</a></li>
</ul>
</nav>
</header>
<p>使用例です。</p>
</body>
</html>表示
Webサイトのタイトル
＊リンクはダミーになります。