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

関連記事

htmlで行間を変える方法

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

画像を表示させるタグ

基本-画像を表示させるタグ <img src=”画像のアドレス”> 上記は画像を表示させる基本的なタグです。何も設定していない状態では、画像は左寄せに表示されます。 …

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

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

htmlとは?

htmlは、HyperText Markup Language(ハイパーテキストマークアップランゲージ)の略です。 このhtmlは、ウェブページ www(ワールド・ワイド・ウェブ)を作成するための言語 …

HTMLタグの基本構造・head要素

HTMLタグの構造 htmlの構造は以下のようになっています。 ホームページの基本的な構造です。 htmlファイルは大きく分けるとヘッダ<head>部分とボディ<body>部分 …

スポンサーリンク

スポンサーリンク