HTMLの全体構造
<!DOCTYPE html> 文書型定義
古いHTMLでは細かく定義する必要のあった文書の型(DTD: Docment Type Definition)。ブラウザはこの宣言のある無しで表示モードを切り替えている。~~HTML5からは仕様書の中にDTDを持っているためわざわざ定義する必要はなくなったが、~~ブラウザは未だに宣言のあるなしを認識しているのでを書いておく必要がある。
<html>html要素
htmlのすべての要素を記述するためのルート要素
<head>, <body>head要素、body要素
html要素の中に直接入れるこのができる要素
head要素は文書の情報を持っている。ex. 文字コード、Webページのタイトル、CSSファイルのurlなど...
文書の情報を入れているので、ブラウザで表示されるタイプのものではない。
body要素の中にはブラウザで直接見える部分の内容が書いてある。
<title>title要素
Webページのタイトルとなるテキストを入力する要素。head要素内に一つだけ入れておく必要がある。head要素内であれば場所はどこでも良い。
<meta>meta要素
Webページに関する様々な情報(メタデータ)を示す要素。
各種情報は属性値として記入される。属例には例えばcharset(文字コード), name/http-equiv(情報の種類), content(name, http-equiv属性で指定された種類の具体的な情報)がある
meta_data.html
<!DOCTYPE html>
<head>
<meta name="generator" content="WordPress 3.4.1">
<meta name="description" content="折り紙を折る人のブルグです">
<meta http-equiv="content-type" content="text/http; charset=UTF-8">
</head>