問題タブ [html]

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.

0 投票する
5 に答える
57508 参照

html - Web サイトで使用されていない画像や CSS スタイルを見つけるにはどうすればよいですか?

未使用の画像ファイルを見つけるために使用できる (試行錯誤以外の) 方法はありますか? サイトにさえ存在しない ID とクラスの CSS 宣言はどうですか?

サイトをスキャンしてプロファイリングし、読み込まれない画像とスタイルを確認するスクリプトを作成する方法があるようです。

0 投票する
4 に答える
34074 参照

html - どのようにフラッシュ オブジェクトをリンクとして使用しますか?

HTML に埋め込まれた Flash ドキュメントをリンクとして使用することはできますか?

object要素を次のようにラップしてみaました:

Internet Explorer では、リンクのようにステータス バーに場所が表示されるようになりましたが、何もしません。

.swf ファイルしかないので、ActionScript でクリック ハンドラーを追加できません。

0 投票する
6 に答える
1870 参照

php - HTML タグが複数の行に分割されているかどうかを判断する方法

Web ページのスクレイピングを含む PHP スクリプトを作成しています。現在、スクリプトはページを 1 行ずつ分析しますが、次のように複数行にまたがるタグがあると壊れます。

最悪の場合、すべての改行を削除してページを前処理し、最も近い位置に再挿入することもできます>が、これは面倒なようです。

理想的には、複数の行にまたがるタグを検出し、それらのみを行に結合して、処理を続行できます。
では、これを検出するための最良の方法は何ですか?

0 投票する
12 に答える
21083 参照

html - 100% 幅のテキストエリアは、IE7 で親要素の幅を無視します

私は次のものを持っていtextareaますtable

textarea に長い文字列があると、IE7 では 1 行に収まるように textarea が拡張されますが、他のブラウザーでは 300px の幅が維持されます。

IEでこれを修正する方法についてのアイデアはありますか?

0 投票する
7 に答える
45220 参照

php - PHP での HTML スクレイピング

正規表現を使用して PHP で HTML スクレイピングを行っています。これは機能しますが、結果は扱いにくく壊れやすいものになります。より堅牢なソリューションを提供するパッケージを使用した人はいますか? 構成主導のソリューションが理想的ですが、私はうるさいわけではありません。

0 投票する
6 に答える
10153 参照

javascript - JavaScript でイベントを追加する最良の方法は何ですか?

JavaScript でイベントを設定するには、主に 2 つの方法があります。

  1. 次のように、タグ内に直接イベントを追加します。

    <a href="" onclick="doFoo()">do foo</a>

  2. 次のように JavaScript で設定します。

    <a id="bar" href="">do bar</a>

そして、 prototypeJS<script>を使用している場合のように、セクション内の<head>セクションまたは外部 JavaScript ファイルにイベントを追加します。

最初の方法は読みやすく維持しやすいと思います (JavaScript アクションがリンクに直接バインドされているため) が、あまりきれいではありません (ページが完全にロードされていなくてもユーザーがリンクをクリックできるため、JavaScript エラーが発生する可能性があるため)ある場合には)。

2 番目の方法は簡潔ですが (ページが完全にロードされたときにアクションが追加されます)、アクションがタグにリンクされていることを知るのはより困難です。

どの方法が最適ですか?

キラーな回答は大歓迎です!

0 投票する
2 に答える
156 参照

html - XHTMLを任意の数の単語にどのように省略しますか?

XHTML閉じていないタグや破損したタグを残さずに、プログラムで任意の数の単語をプログラムで省略しますか?

すなわち

25語に省略すると次のようになります。

0 投票する
13 に答える
80159 参照

html - 順序付けられていないリストを箇条書きでインラインで支払う方法は?

順序付けされていないリストを含むhtmlファイルがあります。リストアイテムを水平に表示したいのですが、それでも箇条書きは保持します。何をしようとしても、水平方向の要件を満たすためにスタイルをインラインに設定すると、箇条書きを表示できません。

0 投票する
5 に答える
42641 参照

javascript - マウスオーバー(jQuery)でDIVをどのように交換しますか?

これは 2 番目に単純なロールオーバー効果ですが、簡単な解決策はまだ見つかりません。

募集:アイテムのリストと、対応するスライド (DIV) のリストがあります。読み込み後、最初のリスト項目が選択され (太字)、最初のスライドが表示されます。ユーザーが別のリスト項目にカーソルを合わせると、代わりにそのリスト項目が選択され、対応するスライドが表示されます。

次のコードは機能しますが、ひどいものです。この動作をエレガントな方法で取得するにはどうすればよいですか? jquery にはアニメーション化された複雑なロールオーバー効果が多数ありますが、私はこの効果のきれいな方法を思いつきませんでした。

0 投票する
3 に答える
19605 参照

html - スパンのインラインブロック

次のサンプルの 2 つのspanタグは隣り合って表示されると思っていましたが、上下に表示されていました。widthクラスの.right を 49%に設定すると、spanそれらは隣り合って表示されます。padding/margin右側のスパンに見えない部分があり、50% 以上かかるように、右側のスパンが押し下げられている理由がわかりません。HTMLテーブルを使用せずにこれを実行しようとしています。何か案は?


説明してくれてありがとう。float:leftFF 3.1 で期待どおりの結果が得られ、美しく動作します。残念ながら、IE6 では、右側のスパンは 50% の 50% をレンダリングするため、実際にはブラウザー ウィンドウの 25% の幅になります。幅を 100% に設定すると、目的の結果が得られますが、標準準拠モードの FF 3.1 では機能しなくなります。ハックに頼ったり、複数の CSS シートを使用したりせずに、FF と IE 6 の両方で動作させることは困難でした