問題タブ [xhtml-1.0-strict]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - XHTML strict では境界線は背景色に影響します
次の最小限の HTML コードがあるとします。
ページの上部にギャップがあり、H1 の背景だけがライムで着色されているか、H1 が親の div タグを押し下げているように見えます。ただし、「border:solid 1px red;」を追加すると、div のスタイルでは、H1 だけでなく、div の背景全体がライムになっています。IE8、FF3.5、および Chrome でテストしました。それらはすべて同じ動作をします。XHTML の厳密な DocType を削除すると、「期待どおり」に機能します。私は何が欠けていますか？ありがとう。
cross-browser - Quirks モードで XHTML Strict が正しくレンダリングされない
XHTML Strict がすべてのプラットフォームで機能する適切なマークアップであると見なされると、XHTML 1.0 Strict の Web ページは Quirks モードで異なる方法でレンダリングされます。
私は何か間違ったことをしていますか？ページは W3C で完全に検証されます。
リンク先のページが変更された後にこの質問を参照する人のために編集:
元のマークアップには、浮動要素を持つネストされた DIV が含まれていました。考えられるすべての要素に対して「幅」プロパティを指定しなかったため、IE 7.0 を含む古いブラウザーでのレンダリングに何らかの違いが生じました。
css - 列幅が可変の XHTML Strict テーブル
テーブルを使用してナビゲーションバーをまとめようとしています:
- ウェブサイトのさまざまな部分への n 個のリンクがあります
- 固定サイズのアイコンである「ログアウト」リンクが 1 つあります。
私がやりたいことは次のとおりです。バー全体の使用可能な幅 (事前にわかっている) からアイコンの必要な幅を差し引いた値を、ナビゲーション用の n 個のリンクを含むセル間で均等に分割する必要があります (内部のリンクのサイズは無視しますが、これは問題ではありません)。
現在、私はこの計算を PHP で実行しており、これを達成するために使用しています。ただし、これは XHTML 1.0 Strict 標準に準拠していません。W3C バリデータによると、CSS を使用して列の幅を設定する必要があります。問題は次のとおりです。これを行う方法がわかりません。また、それが可能かどうかもわかりません。おそらく、この問題は、これにテーブルを使用するべきではないというヒントですが、その時点では他に考えがありません。
XHTML Strict および CSS に準拠した方法で、テーブルなどを使用して効果を得るにはどうすればよいですか?
javascript - XHTML は JavaScript 関数の && と < を検証しません
検証されないコードのスニペットを次に示します。
次のエラーが発生します。
XML 解析エラー: StartTag: 無効な要素名
と
XML 解析エラー: xmlParseEntityRef: 名前がありません
最初のエラーは「より小さい」に対してスローされ、2 番目のエラーは 2 回 (アンパサンドごとに 1 回) スローされます。
&上記の記号をandに置き換えると<正常に検証されますが、もちろん機能が完全に台無しになります。
css - (X)HTML+CSS 検証の警告
CSS 検証に合格しようとしましたが、次のような警告がまだいくつかあります。
(x)HTML+CSS では、浮動要素は幅を宣言する必要があります。固有の幅を持つ要素 (html、img、input、textarea、select、または object) のみが影響を受けません
実は、rely の意味がよくわかりません。誰でも説明できますか？
javascript - ギャップを残さずにdivを並べ替える
ページにギャップを残さずにdiv要素のサイズを変更する方法はありますか？唯一の選択肢は、発生する可能性のあるギャップを計算し、要素を移動することだと思います。アイデアを事前に感謝します。
w3c - ![]()
` の中に ` `を入れることはできますか
Web標準に従って<img>内部に配置できますか? <h1>このような
css - どうしては xHTML でレンダリングされませんか?
<div style="width:50%" />xHTML でレンダリングされないのはなぜですか? 私がそうする<div style="width:50%"> </div>だけで、それはレンダリングされます。私は何かが恋しいですか？最小幅は役に立ちますか? 厳格な xHTML 1.0 を使用しています
CSS のみで修正できますか、それとも html マークアップを変更する必要がありますか?
css - 空にレンダリングすることは可能ですか 幅と高さをピクセル単位で設定せずに xHTML strict 1.0 の CSS を使用しますか?
<div style="width:50%"> </div>絶対値で幅と高さを設定せず、 内部に追加せずに、xHTML strict 1.0 の CSS で空をレンダリングすることは可能ですか? ターゲットは IE7-8、FF 3.x
50% の幅と可変の高さを取得したい場合、どうにかして空の div をレンダリングできますか?
html - XHTMLStrictで深度を実装する
<div>の下に実装したいと思い<table>ます。つまり、テーブルには透明なpngが含まれているため、divが表示されますが、の後ろに表示され<table>ます。
誰かがこれを行う方法を知っていますか？
私は試したがfloat:left、z-index役に立たなかった。