6

Webプログラミングについてサポートが必要です。私は学校からこの任務をしなければなりません、そして教授は構造化の詳細を与えました。それらの1つは、私のサイトがXHTML準拠（厳密または移行）である必要があるということです。もう1つは、少なくとも1つのHTML5機能を使用する必要があるということです。新しいタグのいずれもXHTMLで検証されない場合、HTML5機能を使用するにはどうすればよいですか？

私はそれをXHTML1.0Transitionalとして宣言しています。

これが私が問題を抱えている私のHTMLコードです。

<body id="index" class="home">
<header id="banner" class="body">
<h1><a href="#">Header1 </a></h1>

<nav><ul>
<li class="active"><a href="#">home</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">contact</a></li>
</ul></nav>

</header>
</body>

headerとnavの行では、要素が未定義であり、ヘッダーに属性idとclassがないことを示しています。助けてください。

ありがとう。

4

2 に答える 2

8

最も理にかなっていると思われる割り当ての解釈は、 XHTML5とも呼ばれる HTML5 のXHTML 線形化を使用する必要があるということです。これは単純に、一般的な XML 原則を使用して HTML5 を他の人と同じように使用することを意味します。

この例では、これは次のマークアップを意味します。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body id="index" class="home">
<header id="banner" class="body">
<h1><a href="#">Header1 </a></h1>

<nav><ul>
<li class="active"><a href="#">home</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">contact</a></li>
</ul></nav>

</header>
</body>
</html>

XHTML 1.0 doctypes は、まったく異なるものです。これらは HTML の固定バージョンを定義するため、これらのバージョンで許可されていないもの、つまり、XHTML 1.0 および HTML 4.01 と比較して HTML5 で新しくなったものは、静的マークアップで使用できません (これはおそらく、「HTML5 機能」が割り当て）。「XHTML 準拠 (Strict または Transitional)」という要件はあいまいですが、XHTML 1.0 を具体的に参照することを意図している場合、割り当ては自己矛盾しています (「HTML5 機能に到達するためにクライアント側スクリプトを使用することになっている場合を除く)。 」）。

(この回答は、@Alohci のコメントのおかげで大幅に書き直されました。)

于 2012-10-08T21:30:55.353 に答える
6

課題の「HTML5」の定義によっては、マークアップだけではこれは不可能です。ドキュメントは、XHTML 1.0 doctypes のいずれかに準拠したままで、新しい HTML5 要素を使用することはできません。

ただし、HTML5 で導入された などの JavaScript API の使用が許可されている場合は、 や などのlocalStorage新しい HTML5 要素を使用せずに、これらの API にアクセスするスクリプトを記述して問題を解決できる場合があります。これらの API は HTML5 マークアップに関連付けられていないため、任意のフレーバーのマークアップで使用できますが、一般的に「HTML5 機能」と呼ばれます。<header><nav>

于 2012-10-08T21:01:16.000 に答える