WC3 バリデーターがこの HTML に無効のフラグを立てている理由がわかりません。報告されるエラーは...

''要素 ul は、このコンテキストでは要素 span の子として許可されていません. (このサブツリーからのさらなるエラーを抑制します。)」

私は HTML5 を使用しており、このコードはブレッドクラム用です。

Twitter マークアップをいじっていたときに、HTML マークアップが次のdata-expanded-footerように配置されていることがわかりました。

1. これは有効な html 要素ですか (この属性はクラスtweetを持つ div 要素の子です)

2. これが有効な場合、これは良い考えですか?そうでない場合、その理由は?

3. これはSEOにとってそれほど悪いことですか？

編集

data 属性から HTML を解析しようとしたところ、動作しましたが、次のように動作させたい場合は一重引用符が必要です。

http://jsfiddle.net/burimshala/crEXU/

また、マークアップ内で二重引用符を使用して Twitter のように終了し、二重引用符で data-markup 属性を開くと、機能しません。

http://jsfiddle.net/burimshala/crEXU/1/

Twitter はこれをどのように解析しますか?

むかしむかし HTML で

私はW3Foolsを探していて、W3Schoolsのエラーに関連するこの段落を見つけました:

このコードは間違っています。非ブロックレベル要素 ( など) は、HTML5 までタグ<input>内で直接有効ではありません。<form>

ええと、私はいつもそのようにフォーマットしているので、「待って、ずっと間違っていた」と自分に言い聞かせました。そして、それが本当かどうかを確認するために検証に行きます。事実上、このコードは検証に合格しません。

次に、正しいマークアップを検索したところ、より信頼できる情報源からいくつかの例を見つけましたが、次の例のいずれもバリデーターを通過しませんでした。

悪いこと、良いこと、醜いこと

1.W3スクールズ

2. Mozilla ネットワーク開発者

「例」セクションで、私はこれを見つけました：

一般的なユースケースのシナリオ

3. W3C ウィキ

一握りのコード

詳細:

HTML 4.01 と XHTML 1.0 の両方で、コードを HTML フラグメントとして検証しようとしています。私が見つけた繰り返しのエラーは次のとおりです。

ドキュメント タイプは、ここで要素「入力」を許可しません。"p"、"h1"、"h2"、"h3"、"h4"、"h5"、"h6"、"div"、"pre"、"address"、"fieldset"、"ins" のいずれかが欠落しています。 、「del」開始タグ

質問

フォームを作成するために使用する必要がある、正しく有効なマークアップは何ですか?

前もって感謝します。

編集：

OPをHTML4仕様のフォームセクションにリダイレクトする同様の質問が回答されました。彼らはこのコードを提供しました：

まず、それは彼らのwikiの同じコードではありません。しかし、私が知っていることから、wikiは100％正確ではありません....しかし：

• すべてのタグを で囲むことにより、検証エラーを修正します<p>。しかし、フォームは段落ではありませんよね? このコードは検証に合格していますが、あまりセマンティックではないと思います...

• あなたが私にくれた専門家の回答 (ありがとう!) は、ほとんどの場合、内側のタグを で囲むこと<fieldset>ですが、1 つだけ必要な場合fieldset(たとえば、フィールドが 1 つしかないフォームまたは自己関連フィールド)、これは正しい？これは不要なコードではないfieldsetでしょうか (タグは同様のフィールドを囲む必要があるため)。

href と名前のないアンカータグを持つことは有効な HTML ですか? href私たちのアプリには、無効になっている (したがって属性がない) 削除リンクがいくつかありますが、ユーザーには表示されています。

_{関連する質問のコメントで尋ねられたJoshua Muheimに代わって、この質問を投稿しています。元の質問と非常に似ていますが、別の質問として開く価値があると感じたほど異なっています。}

HTML TidyCom は、クリーンアップ中に閉じられていないタグを削除しますか?

例えば：

ソースファイルと比較すると、終了が欠落しているタグが消去されます。これを保持する方法を教えてください。以下は、私のプログラムに使用しているコード スニペットです。

迅速な返信をお待ちしております。よろしくお願いします。

ここでばかげた質問をしていると思いますが、レスポンシブ レイアウトを必要とする新しいプロジェクトで Twitter ブートストラップの実装を開始したところです。すべてのコンテンツをスパン グリッドに配置する「スパン」方法論を使用しています。

検証の警告が表示されたとき、スパンにテキスト コンテンツを入れていました。段落要素をスパンにネストすることはできません。

段落要素にない場合、Twitter ブートストラップにテキスト コンテンツをどのように配置すればよいでしょうか?

洞察力のある人はいますか？