b-essence

気になること★いろいろなジャンルで更新していきます。

css・html

XHTML宣言文(DTD)

2015-01-30

HTML4.01では、下記のようにDOCTYPE 宣言を記述しました。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

ところが、HTML4.01ではこの宣言は省略可能でした。

XHTMLでは、宣言文(DTD)は省略できない

XHTMLではドキュメントタイプ宣言(DTD)は省略できません。XHTMLのバージョンに対応したDTDを記述します。XHTMLでは下記に挙げる3つの宣言が必須です。

????????

1. XMLである宣言文

XHTMLでホームページを作成する場合、最初に記述するのは、このページをXHTMLで作りますよ、というXML宣言文です。
XML宣言文の形式は下記のようになります。ドキュメント(ホームページ)が、どの文字コードで表現されているかを示すタグなどを入れます。

<?xml version="1.0" encoding="UTF-8"?>

58
encoding属性では、使用する文字コードを指定します。エンコードは、入力信号やデータをある規則に基づいて符号化することです。
XHTMLでは文字をパソコンなどで表示するために文字ごとに割り当てられた文字コードを使いますが、日本語のコード体系は複数あります。
WindowsやMacではシフトJISコードを使用し、他に JIS、EUC、Unicodeなどの文字コードがあります。
59

文字コードがUTF-8、またはUTF-16の場合、encoding属性は省略できます。

2. ドキュメントタイプ宣言

XMLである宣言文の次に記述するのはドキュメントタイプ宣言
使用するDTDに合わせたDOCTYPE宣言をXML宣言の後に記述します。
例: XHTML1.0 transitional の場合

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml1-transitional.dtd">

60
これをXHTMLのDOCTYPE 宣言といいます。XHTMLでWebページを作る場合にはこの宣言文を記述します。 XHTMLのバージョンは XHTML1.0 と XHTML1.1 があり、XHTML1.0はさらに Strict Transitional Frameset の3種類に分かれます。
61

3. ホームページがどの言語で書かれているのかを指定する

HTMLの言語指定は、lang属性でした。XHTMLでは xml:lang を使用します。
HTMLとの互換性のためにlang要素も記述します。

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">

XHTMLで実際にホームページを作成すると

推奨の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>
<title>ここにタイトルXHTML1.0</title>
</head>
<body>
<p>ここへ文章</p>
</body>
</html>

????????


 

-css・html

関連記事

画像を横に並べる方法

画像を横に並べて表示する方法 画像を横に並べる方法は何種類かあります。 一番簡単な方法ですが、改行を入れずにタグを下記のように記述します。 この場合、画像と画像の間に半角スペースができます。 < …

<p> <div> <span>の使い方

htmlで文章を書く際に<p><div><span>を使い分けられたら、htmlの半分以上を制したと言えるでしょうネ。 頻繁に使うこの3個のタグ<p>& …

htmlで文字を太字にする

<strong> <b> タグの違いについて 文字を太字にするタグには <strong>タグ と <b>タグ があります。 このふたつのタグ <s …

表(テーブル)をcssで作る

ホームページ作成時に、テーブルを作る場合も多くあると思いますが、htmlに実装するよりもスタイルシートで簡単にテーブル(表)をデザインすることができます。cssでデザインするので、htmlもスッキリし …

htmlで行間を変える方法

行間(行の高さ)を指定するプロパティです。 line-height: 小さい文字で、行間もくっついて読みにくいサイト様に出くわすことがあります。私はそれだけで、直帰! 行間は、ある程度の余裕を持たせた …

スポンサーリンク

スポンサーリンク