はじめに
学習したことを自分用の参考書のようにまとめていきます。
headタグの中身
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<!-- 文字コード -->
<meta charset="UTF-8">
<!-- ビューポート -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- タイトルタグ３０文字以内 -->
<title>タイトル</title>
<!-- ディスクプション１２０文字から１６０文字 -->
<meta name="description" content="ページの内容を表す文章">
<!-- OGP -->
<meta property="og:site_name" content="サイト名">
<meta property="og:type" content="ページのタイプ"><!--website or article-->
<meta property="og:url" content="ページのURL">
<meta property="og:title" content="ページのタイトル">
<meta property="og:description" content="ページの説明">
<meta property="og:locale" content="ja_JP">
<meta property="og:image" content="画像のURL">
<meta name="twitter:card" content="summary">
<!--
<meta name="twitter:site" content="@Twitterユーザー名" />
<meta property="fb:app_id" content="appIDを入力" />
-->
<!-- 検索させない -->
<meta name="robots" content="noindex,nofollow">
<!-- ファビコンなど -->
<!-- CSS、javascript -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<!-- 不要なコード -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="...">
<meta name="author" content="...">
</head>
<body>
</body>
</html>
さいごに
いかがだったでしょうか。
他にもいろいろな記事を書いているのでぜひ読んでいただけたら嬉しいです。