<タグ名 ..... /> の記述をするとスキーマエラーになる : XHTMLコーディングでのスキーマエラー

<タグ名 ..... /> の記述をすると、スキーマエラーになる現象について紹介します。

現象

以下のHTMLファイルを作成して、Webブラウザや検証ツールで読み込むとスキーマエラーになることがあります。
linkタグの末尾の"/"は不要とのワーニングが表示されます。

<html>
<head>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
 テストです。
</body>
</html>

原因

このHTMLファイルのスキーマがXHTMLではなくHTMLになっているためです。HTMLのスキーマに対してXHTMLでコーディングしているため、 エラーが発生します。

対処法: HTMLの記述を変更する

XHTMLの記述をせずにHTMLのスキーマに合わせた記述に変更します。
以下のコードに修正します。

修正例
<html>
<head>
  <link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
 テストです。
</body>
</html>

対処法: XHTMLのスキーマにする

ファイルをXHTMLにするために以下のコードに変更します。
DOCTYPEでXHTMLのドキュメントタイプを設定します。 また、htmlタグの xmlns属性で使用するxhtmlのスキーマを指定します。 以下のHTMLコードの場合、linkタグの末尾の"/"でワーニングは表示されません。

修正例
<!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">
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
  テストです。
</body>
</html>


AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2012-01-13
改訂日: 2024-12-26
Copyright © 1995–2025 iPentec all rights reserverd.