タグ付けされた質問 「html」

HTML(HyperText Markup Language)は、Webブラウザーに表示されるWebページやその他の情報を作成するための主要なマークアップ言語です。HTMLに関する質問には、最小限の再現可能な例と、何を達成しようとしているのかについての考えを含める必要があります。このタグが単独で使用されることはほとんどなく、[CSS]や[javascript]と組み合わせられることがよくあります。


7
サイドアイテムの幅が異なる場合、中央のアイテムを中央に配置します
次のレイアウトを想像してください。ドットはボックス間のスペースを表しています。 [Left box]......[Center box]......[Right box] 右のボックスを削除しても、次のように、中央のボックスがまだ中央にあるのが好きです。 [Left box]......[Center box]................. 左のボックスを削除する場合も同様です。 ................[Center box]................. これで、中央のボックス内のコンテンツが長くなると、中央に配置されたままの状態で、必要なだけのスペースが必要になります。スペースが残っていないところ際に、左と右のボックスは、このように縮小し、決してだろうoverflow:hiddenとtext-overflow: ellipsisコンテンツを破るために有効になるだろう。 [Left box][Center boxxxxxxxxxxxxx][Right box] 上記のすべてが私の理想的な状況ですが、私はこの効果を達成する方法がわかりません。なぜなら私がそのようなフレックス構造を作成するとき: .parent { display : flex; // flex box justify-content : space-between; // horizontal alignment align-content : center; // vertical alignment } 左と右のボックスがまったく同じサイズであれば、希望する効果が得られます。ただし、2つのうちの1つが異なるサイズのものである場合、中央に配置されたボックスは真に中央に配置されなくなります。 私を助けることができる人はいますか? 更新 A justify-selfはいいでしょう、これは理想的です: .leftBox { justify-self : flex-start; …
161 html  css  flexbox  centering 

25
Internet Explorer固有のCSSやInternet Explorer固有のJavaScriptコードなどの特定の状況でInternet Explorer 10のみをターゲットにするにはどうすればよいですか?
Internet Explorer固有のCSSやInternet Explorer固有のJavaScriptコードなどの特定の状況でInternet Explorer 10のみをターゲットにするにはどうすればよいですか? 私はこれを試しましたが、うまくいきません: <!--[if IE 10]> <html class="no-js ie10" lang="en"> <![endif]--> <!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]--> Internet Explorer 10は条件付きコメントを無視し、<html lang="en" class="no-js">代わりにを使用します<html class="no-js ie10" lang="en">。

6
ローカルストレージを安全と見なすことはできますか?[閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 2年前休業。 この質問を改善する オフラインで長期間機能するWebアプリケーションを開発する必要があります。これを実行可能にするために、機密データ(個人データですが、ハッシュ化して保存するだけの種類のデータではありません)をローカルストレージに保存することは避けられません。 これは推奨される方法ではないことを受け入れますが、データを保護するために次のようにしています。 スタンフォードのjavascript暗号ライブラリとAES-256を使用して、ローカルストレージに入るすべてのものを暗号化する ユーザーパスワードは暗号化キーであり、デバイスに保存されていません sslを介して単一の信頼されたサーバーから(オンラインのときに)すべてのコンテンツを提供する owasp antisamyプロジェクトを使用して、サーバーのローカルストレージとの間のすべてのデータを検証する *を使用せずにappcacheのネットワークセクションで、信頼されたサーバーとの接続に必要なURIのみを一覧表示する 一般に、OWASP XSSチートシートで提案されているガイドラインを適用しようとする 私は悪魔がしばしば詳細にあることを感謝し、ローカルストレージとJavaScriptベースのセキュリティ全般について多くの懐疑論があることを知っています。誰もが存在するかどうかについてコメントできますか: 上記のアプローチの根本的な欠陥? そのような欠陥の可能な解決策はありますか? html 5アプリケーションが長期間オフラインで機能する必要がある場合にローカルストレージを保護するより良い方法はありますか? 助けてくれてありがとう。

14
CSSで<br />をターゲティングできますか?
&lt;br/&gt;CSSで改行タグをターゲティングすることはできますか? 改行があるたびに1pxの破線が必要です。私は自分のCSSでサイトをカスタマイズしていて、設定されたHTMLを変更できません。そうでなければ、他の方法を使用します。 それは可能だとは思いませんが、誰かが知っている方法があるのか​​もしれません。
160 html  css  line-breaks 

5
JavaScriptなしのデフォルトのHTMLフォームフォーカス
JavaScriptを使用せずに、HTMLフォームにデフォルトの入力フォーカスを設定することは可能ですか? &lt;html&gt; &lt;form&gt; Input 1: &lt;input type="text" name="textbox1"/&gt; &lt;br/&gt; Input 2: &lt;input type="text" name="textbox2"/&gt; &lt;/form&gt; &lt;/html&gt; JavaScriptを使用せずにフォームが読み込まれたときに、デフォルトのフォーカスをいずれかのテキストボックスに設定したい(ユーザーがjsを無効にしているときに動作が発生するようにするため)。

8
jQueryの選択タグ内のオプションタグの数を数える
jQueryを使用&lt;option&gt;して&lt;select&gt;DOM要素のs の数を数えるにはどうすればよいですか? &lt;select data-attr="dropdown" id="input1"&gt; &lt;option value="Male" id="Male"&gt;Male&lt;/option&gt; &lt;option value="Female" id="Female"&gt;Female&lt;/option&gt; &lt;/select&gt; DOM要素&lt;option&gt;内のタグの数を確認したいのですが&lt;select&gt;、ドロップダウンボックスの対応するオプション値を含むその数の入力フィールドで設定パネルを開き、プレビューでもう一度変更します。パネル。 上記のドロップダウンボックスは、jQueryによって生成されるプレビューパネルにあります。
159 javascript  jquery  html 

17
テーブルの上下にある水平スクロールバー
私はとても大きい table私のページです。そこで、テーブルの下部に水平スクロールバーを配置することにしました。しかし、このスクロールバーもテーブルの一番上に配置したいと思います。 テンプレートにあるのはこれです: &lt;div style="overflow:auto; width:100%; height:130%"&gt; &lt;table id="data" style="width:100%"&gt;...&lt;/table&gt; &lt;/div&gt; これはHTMLとCSSでのみ可能ですか?
159 javascript  jquery  html  css 


27
JavaScript / jQueryでページの一番上にスクロールする方法は?
JavaScript / jQueryでブラウザのスクロールを制御する方法はありますか? ページを半分下にスクロールしてからリロードをトリガーすると、ページが一番上にパックされますが、代わりに最後のスクロール位置を見つけようとします。だから私はこれをしました: $('document').ready(function() { $(window).scrollTop(0); }); しかし、運はありません。 編集: ですから、ページが読み込まれた後に私がそれらを呼び出すと、両方の回答が機能しました。ただし、ページを更新するだけの場合は、.readyイベントの後にブラウザが古いスクロール位置を計算してスクロールするように見えます(本文のonload()関数もテストしました)。 したがって、フォローアップは、ブラウザがその過去の位置にスクロールするのを防ぐ方法、またはそれが実行された後に最上部に再スクロールする方法はありますか?

8
子要素をホバーするときに親要素をスタイルする方法は?
OverаэтотвопросестьответынаStack Overflowнарусском:Принаведениинакнопкуподсвечиваетсязаголоканаканенаканакаканакана CSS親セレクターが存在しないことは知っていますが、そのようなセレクターなしで子要素をホバーするときに親要素をスタイル設定することは可能ですか? 例を挙げましょう:ホバーすると削除される要素を強調表示する削除ボタンを考えます: &lt;div&gt; &lt;p&gt;Lorem ipsum ...&lt;/p&gt; &lt;button&gt;Delete&lt;/button&gt; &lt;/div&gt; 純粋なCSSを使用して、マウスをボタンの上に置いたときにこのセクションの背景色を変更するにはどうすればよいですか?
159 html  css 

10
要素が存在するまで関数を待機させる
別のキャンバスの上にキャンバスを追加しようとしています。最初のキャンバスが作成されるまで、この関数の開始を待機させるにはどうすればよいですか? function PaintObject(brush) { this.started = false; // get handle of the main canvas, as a DOM object, not as a jQuery Object. Context is unfortunately not yet // available in jquery canvas wrapper object. var mainCanvas = $("#" + brush).get(0); // Check if everything is ok if (!mainCanvas) {alert("canvas …

5
HTML WebSocketはクライアントごとに開いた接続を維持しますか?これはスケールしますか?
HTML WebSocketのスケーラビリティについて何か情報があれば教えてください。私が読んだすべてのことについて、すべてのクライアントはサーバーとのオープンな通信ラインを維持するようです。私はそれがどのようにスケーリングし、サーバーが処理できる開いているWebSocket接続の数を疑問に思っています。これらの接続を開いたままにしておくことは、実際には問題ではないかもしれませんが、問題はないようです。
159 html  websocket 

11
ReactコンポーネントでHTML文字列を実際のHTMLとしてレンダリングする
これが私が試したこととそれがどうやってうまくいかないかです。 これは機能します: &lt;div dangerouslySetInnerHTML={{ __html: "&lt;h1&gt;Hi there!&lt;/h1&gt;" }} /&gt; これはしません: &lt;div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /&gt; descriptionプロパティは、HTMLコンテンツの通常の文字列です。ただし、何らかの理由でHTMLではなく文字列としてレンダリングされます。 助言がありますか?
159 javascript  html  reactjs  jsx 

7
複数のチェックボックスから$ _POSTを取得します
私はその中に複数のチェックボックスを備えた1つのフォームを持っています(それぞれがコードを持っています): &lt;input type="checkbox" name="check_list" value="&lt;? echo $row['Report ID'] ?&gt;"&gt; $row['Report ID']データベースの主キーはどこにあるのか-それぞれの値は異なります。 チェックされているチェックボックスを確認するにはどうすればよいですか?(多分複数) これは受信ボックスシステム用であり、その下にボタンをクリックして(クリックすると)$row['Report ID']、チェックボックスがオンになっているすべてのメッセージ(のID:)を削除します。
158 php  html  forms  checkbox 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.