最低限のhtml

DOCTYPEと文字コード、言語指定

文字コードは基本的には「UTF-8」を使います。
DOCTYPEは無難な、「XHTML 1.0 Transitional」を指定します。
言語の指定も行っておきます。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">

<head>
  <!-- ヘッダ -->
</head>

<body>
  <!-- 本文 -->
</body>

</html>

headに何を書くか

ページの種類(Content-Type)、スタイルシートの種類(Content-Style-Type)、
スクリプトの種類(Content-Script-Type)、ページのタイトルを記述。

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <meta http-equiv="Content-Script-Type" content="text/javascript" />
  <title>ページのタイトル</title>

検索させたいページと、検索されたくないページ

検索させたいページの場合は、以下の項目を足します。
ページ製作者、著作権情報は必要なければカットして下さい。

  <meta name='description' content='ページの説明' />
  <meta name='keywords' content='キーワード１,キーワード２,…' />
  <meta name='author' content='ページ製作者' />
  <meta name='copyright' content='著作権情報' />

検索されたくないページの場合は、ページ説明やキーワードは空欄にし、
robotsにページ登録禁止(noindex)、リンク先の登録禁止(nofollow)を指定します。

  <meta name='description' content='' />
  <meta name='keywords' content='' />
  <meta name='robots' content='noindex,nofollow' />

検索エンジンに登録されるかは検索エンジン次第なので、これで登録されなくなるわけでは
ありません。登録されにくくなるだけです。

外部ファイル(css,js)の読み込み

外部スタイルシートや、JavaScriptは以下のように読み込みます。

  <link rel="stylesheet" type="text/css" href="xxxx.css" />
  <script type="text/javascript" src="xxxx.js"></script>

検索させたいページの雛形

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
 
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <meta http-equiv="Content-Script-Type" content="text/javascript" />
  <meta name='description' content='ページの説明' />
  <meta name='keywords' content='キーワード１,キーワード２,…' />
  <meta name='author' content='ページ製作者' />
  <meta name='copyright' content='著作権情報' />
  <title>ページのタイトル</title>
  <link rel="stylesheet" type="text/css" href="xxxx.css" />
  <script type="text/javascript" src="xxxx.js"></script>
</head>
 
<body>
  <!-- 本文 -->
</body>
 
</html>

検索されたくないページの雛形

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <meta http-equiv="Content-Script-Type" content="text/javascript" />
  <meta name='description' content='' />
  <meta name='keywords' content='' />
  <meta name='robots' content='noindex,nofollow' />
  <title>ページのタイトル</title>
  <link rel="stylesheet" type="text/css" href="xxxx.css" />
  <script type="text/javascript" src="xxxx.js"></script>
</head>

<body>
  <!-- 本文 -->
</body>

</html>

PC

ダウンロード

開発環境

リンク集

おすすめフリーソフト

CentOS Server

Raspberry Pi

Ubuntu Server

WEB

DokuWiki

iPhone

iPhoneサンプル

電子工作

個人的なメモ