XML宣言とDOCTYPE宣言を記載
赤文字でかかれている意味
赤文字でかかれている意味
<?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" />
<title>あなたのホームページのタイトル</title>
<meta name="keywords" content="ページのキーワード1,2,3" />
<meta name="description" content="ページの説明" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="index.css" type="text/css" />
</head>
<body>
</body>
</html>
<!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" />
<title>あなたのホームページのタイトル</title>
<meta name="keywords" content="ページのキーワード1,2,3" />
<meta name="description" content="ページの説明" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="index.css" type="text/css" />
</head>
<body>
</body>
</html>
XML宣言とDOCTYPE宣言
HTML文書はHTMLタグから始まりますが、XHTMLの場合、HTMLタグの前に「XML宣言」と「DOCTYPE宣言」を記載する必要があります。
XML宣言]
[XML宣言]
<?xml version="1.0" encoding="UTF-8"?>
「XML宣言」は「この文書はXMLだよ」ということを宣言するためのもの。
[DOCTYPE宣言]
[DOCTYPE宣言]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
「DOCTYPE宣言」は言語のバージョンや定義を宣言するためのものです。
XHTMLでサイトを作成する場合、上記のとおりに書いておけば問題はありません。
メタ情報を記述する <meta タグ
<meta タグ
適切に記述されていないと文字化けしてしまったり、検索エンジンでヒットしなかったりします。重要度で上位にあたる大切なhtmlタグです。
文書の説明分
<meta name="description" content="説明文" />
使用する文字コード
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />