問題タブ [xhtml-transitional]

JavaScript とフロント エンド開発の初心者として、XHTML 1.0 移行ページの訪問者セッション中に変数を保持するために使用できる比較的単純な JavaScript 手法があるかどうか知りたいです。

sessionStorage または localStorage を使用したいのですが、インフラストラクチャの制約により、ページ タイプを HTML5 に変更することはできません。

前もって感謝します！

作成中の Web サイトに連絡先セクションを作成したいのですが、問題は Web サイト全体text-align:centerにあり、連絡先情報の定義リストを使用しています。ページにラッパーを引き続き使用する方法はありますが、白い境界線からはみ出さずにテキストを左に揃えることはできますか?

CSS:

HTML:

Web サイトのポートレートの横に Twitter と Facebook の画像を配置しようとしていますが、配置を正しくするには、div を使用する必要があります。問題は、画像に div を追加してリンクを追加すると、div によって画像をクリックしてリンクに移動できなくなることです。画像を正しく配置する唯一の方法であるため、div を取り除くことはできません。以下に JSfiddle をコードとともに投稿します。

JSFiddle: http://jsfiddle.net/HeyItsProdigy/RVUhV/

問題の領域:<div id="facebook"><a href="http://www.facebook.com"><img src="fb.png" height="101" width="101" /></a>

と仮定しましょう

1. 何千もの HTML ファイルがあります。
2. それらはすべて同じ CSS レイアウトを使用しています。
3. それらはすべて、ちょうど 100 行のコードで作成されています。

ここで、これらすべてのファイルの 40 ～ 50 行を共通の 10 行に置き換えたいと思います。これは可能ですか？

インライン コンテンツの上下のスペースは何ですか?

ここに表示:
http://jsbin.com/vertical-spacing-weirdness/

div/table と span の間の領域が白で表示されます。ただし、スパンにはパディングやマージンがありません。

興味深いことに、移行用の Doctype を使用すると、このスペースはなくなります:
http://jsbin.com/vertical-spacing-weirdness/2/

Firefox では、4 で割り切れるピクセルの font-size 値 (4px、16px、20px など) を使用すると、スペースがトランジショナルに表示されることに注意してください。

編集-解決済み/理由

さて、ここでの問題は、フォントサイズが親 (div またはテーブル) と子 (スパン) の間で同じではないことです。厳密な doctype スタイリングはより理にかなっています。これは、スパンではなく div 内のテキストに対応するために、とにかく div の高さを変更する必要があるためです。したがって、次の両方の例で、div は同じ高さになります。

<div>text<span>...</span></div>

<div><span>...</span></div>

トランジショナル スタイルでは、div は必要なだけ大きくなり、2 番目の例では、div の font-size のサイズの文字がないため、スパンの font-size に一致する高さしかありません。

ただし、フォントサイズが 4 の倍数である Firefox の不具合は依然として奇妙です。

23.0.1( & 毎晩テスト: 26.0a1 (2013-08-31))

十分に説明したかどうかわかりませんが、説明が必要な場合は質問してください。

内部にスパンを含む単純なアンカー タグがあり、これを垂直方向に配置したいと考えています。

HTML5 doctype では動作しましたが、同じマークアップと CSS は XHTML1-Transitional doctype では動作しません。XHTMLモードで機能しない理由を理解したいだけでなく、これを行う正しい方法は、両方のモードで機能することです:)

HTML

CSS

XHTML-遷移結果:

HTML5 結果:

これらの結果は、Chrome と IE9 で同じです。それぞれの JSFiddles は次のとおりです。

XHTML: http://jsfiddle.net/4r4af/

HTML5: http://jsfiddle.net/9wyg8/

私はウェブサイトをコーディングしましたが、現在再コーディング中です。私の連絡先ページには、質問、コメントなどのフォームがあります。元の Web サイトでは、ページは正常に機能しますが、再コード化すると、フォームがページを壊します。誰かが理由を理解するのを手伝ってくれるかどうか疑問に思っていました.

元のページはこちら: http://path-to-truth.org/contact/

ここにある再コード: http://path-to-truth.org/Recode/contact/

要するに私の質問は<label>タグです、それはXHTML 1.0 Transitional検証のために機能しますか?

例えば