mt_memo

WEBデザイナーを目指すmtの備忘録です。

<head>について

HTMLでは、<head><body>内に内容を書いていきます。

 

<html lang="ja"> HTML文書。言語設定、日本語。

 <head>HTMLの文書情報。</head>

 <body>ブラウザ上に表示される部分。</body>

</html>

 

<head>要素に記入するもの

1.metaタグ

metaタグの情報は検索エンジン ウェブクローラー(ロボット)に読まれるので、SEO対策などで重要になる部分です!

UTF-8文字コード設定

<meta charset="UTF-8">(他にはshift_jis/euc-jpなどがあります)

・キーワード設定:keywords

<meta name="keywords" content="●●,●●,●●,">

・文章の説明:description

<meta name="description" content="文章の説明">

・文章の作者の指定:author

<meta name="author" content="●●">

検索エンジンに対してURLを読み込まないように設定するには、<meta name="robots" content="noindex,nofollow">を入力することで可能です。ただし、検索エンジンによっては表示されることもあるので、注意が必要です。)

 

2.リンク

CSSの外部ファイル読み込み

<link rel="stylesheet" type="text/css" href="●●.css">

Javascriptの外部ファイル読み込み

<script type="text/javascript" src="●●.js"></script>

・ファビコン(タイトルバーに小さな画像を表示させる方法)

<link rel="shortcut icon" type="image/png" href="●●.png">

png以外にも「icon」「gif」などの形式も設定可能

 

その他にも数多くのタグがありますが、ここでは基本のみ紹介しています。

詳しくはWebで検索してみてください♪