HEAD
HEAD要素は、META要素、TITLE要素などを含む、画面に表示されない情報を定義する領域です。
TITLEはブラウザのタグ名として利用されますが、それ以外の内容は、検索エンジンなどに読み込まれたり、
ブラウザの表示文字や拡大縮小の縮尺など、さまざまな用途で利用されます。
カテゴリー
該当なし
HEAD属性
特になし
HEAD使用例
HEAD要素(キーワードを指定する例)
[html highlight=”3,8″]
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>tech.pjin.jp</title>
<meta name="keywords" content="カレー、カレーは飲み物、カレーうどん"/>
</head>
<body>
<p>カレーうどん食べたいので、カレーをキーワードにしてみました。今夏なんですけどね。。。暑い</p>
</body>
</html>
[/html]
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>tech.pjin.jp</title>
<meta name="keywords" content="カレー、カレーは飲み物、カレーうどん"/>
</head>
<body>
<p>カレーうどん食べたいので、カレーをキーワードにしてみました。今夏なんですけどね。。。暑い</p>
</body>
</html>
[/html]
HEAD要素(スタイルを指定する場合の例)
[html highlight=”3,8″]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>tech.pjin.jp</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>スタイルシートを指定する例題です。</p>
</body>
</html>
[/html]
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>tech.pjin.jp</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>スタイルシートを指定する例題です。</p>
</body>
</html>
[/html]
