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

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

16
CSSでは、複数行のオーバーフローしたブロックに「…」を使用します
と overflow: hidden; text-overflow: ellipsis; white-space: nowrap; オーバーフローした場合、「...」は行末に表示されます。ただし、これは1行でのみ表示されます。しかし、私はそれを複数行で示して欲しいです。 次のようになります。 +--------------------+ |abcde feg hij dkjd| |dsji jdia js ajid s| |jdis ajid dheu d ...|/*Here it's overflowed, so "..." is shown. */ +--------------------+
303 html  ellipsis  css 

30
未チェックのHTMLチェックボックスのPOST
デフォルトでチェックされているチェックボックスがたくさんあります。私のユーザーはおそらくいくつかのチェックボックスを(もしあれば)チェックを外し、残りはチェックしたままにするでしょう。 されているチェックボックスフォームのPOSTを作るためにどのような方法がありませんというものより、確認されているチェックしますか?
303 html  forms  post  checkbox 


30
div内の中央と中央に画像を揃える
私は次のdivを持っています <div id="over" style="position:absolute; width:100%; height:100%> <img src="img.png"> </div> divの中央と中央に配置されるように画像を配置する方法は?
302 html  css 

26
サイトのスクレイピングを防ぐにはどうすればよいですか?[閉まっている]
休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか?質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 4年前休業。 この質問を改善する 大規模なアーティストデータベースを備えたかなり大きな音楽ウェブサイトを持っています。私は他の音楽サイトが私たちのサイトのデータをかき集めていることに気づきました(私はダミーのアーティスト名をあちこちに入力してから、それらをgoogle検索します)。 画面の削れを防ぐにはどうすればよいですか?可能ですか?

14
JSONの代わりに生成されたHTMLを返すことが悪い習慣であるのはなぜですか?またはそれは?
JQueryまたは他の同様のフレームワークを使用して、カスタムURL / WebサービスからHTMLコンテンツをロードするのは非常に簡単です。私はこのアプローチをこれまで何度も使用してきましたが、パフォーマンスは満足できるものでした。 しかし、すべての本、すべての専門家が、生成されたHTMLではなくJSONを使用するようにしています。HTMLよりもはるかに優れているのはなぜですか? とても速いですか? サーバーへの負荷は非常に少ないですか? 一方、生成されたHTMLを使用する理由はいくつかあります。 これは単純なマークアップであり、多くの場合、JSONよりもコンパクトであるか、実際にはJSONよりコンパクトです。 エラーが発生しにくいため、マークアップだけでコードはありません。 ほとんどの場合、プログラムの方が速くなります。これは、クライアントエンド用に個別にコードを記述する必要がないためです。 あなたはどちら側にいますか、そしてその理由は?
301 javascript  jquery  html  ajax  json 

13
<form>タグの外側のボタンを使用してフォームを送信する
私が持っていると言います: &lt;form method="get" action="something.php"&gt; &lt;input type="text" name="name" /&gt; &lt;/form&gt; &lt;input type="submit" /&gt; フォームの外側にある送信ボタンを使用してフォームを送信する方法を教えてください。HTML5には送信用のaction属性があると思いますが、それが完全にクロスブラウザであるかどうか、そしてそれがとにかくないかどうかはわかりませんこれを行う?
301 html 

5
NodeオブジェクトとElementオブジェクトの違いは?
NodeオブジェクトとElementオブジェクトの間で完全に混乱しています。 document.getElementById()Elementオブジェクトをdocument.getElementsByClassName() 返す一方でNodeList オブジェクトを返します(要素またはノードのコレクション?) divがElementオブジェクトの場合、div Nodeオブジェクトはどうでしょうか? ノードオブジェクトとは ドキュメントオブジェクト、要素オブジェクト、テキストオブジェクトもノードオブジェクトですか? デビッドフラナガンの本「ドキュメントオブジェクト、その要素オブジェクト、テキストオブジェクトはすべてノードオブジェクト」のとおりです。 では、どうしてオブジェクトはElementオブジェクトとNodeオブジェクトのプロパティ/メソッドを継承できるのでしょうか。 はいの場合、継承のプロトタイプツリーでノードクラスと要素クラスが関連していると思います。 &lt;div id="test"&gt; &lt;p class="para"&gt; 123 &lt;/p&gt; &lt;p class="para"&gt; abc &lt;/p&gt; &lt;/div&gt; &lt;p id="id_para"&gt; next &lt;/p&gt; document.documentElement.toString(); // [object HTMLHtmlElement] var div = document.getElementById("test"); div.toString(); // [object HTMLDivElement] var p1 = document.getElementById("id_para"); p1.toString(); // [object HTMLParagraphElement] var p2 = document.getElementsByClassName("para"); …
301 javascript  html  dom 

30
子要素にカーソルを合わせるとHTML5 dragleaveが発生する
私が抱えている問題dragleaveは、要素の子要素をホバーすると要素のイベントが発生することです。また、dragenter親要素を再びホバーするときにも発生しません。 簡単なフィドルを作成しました:http : //jsfiddle.net/pimvdb/HU6Mk/1/。 HTML: &lt;div id="drag" draggable="true"&gt;drag me&lt;/div&gt; &lt;hr&gt; &lt;div id="drop"&gt; drop here &lt;p&gt;child&lt;/p&gt; parent &lt;/div&gt; 次のJavaScriptを使用: $('#drop').bind({ dragenter: function() { $(this).addClass('red'); }, dragleave: function() { $(this).removeClass('red'); } }); $('#drag').bind({ dragstart: function(e) { e.allowedEffect = "copy"; e.setData("text/plain", "test"); } }); divそこに何かをドラッグすると、ドロップを赤くしてユーザーに通知します。これは機能しますが、p子にドラッグすると、dragleaveが起動され、divはもう赤ではありません。ドロップに戻ってdivも、再び赤くなることはありません。div赤にするためには、ドロップから完全に移動し、再度ドラッグしてドロップする必要があります。 dragleave子要素にドラッグするときに発火を防ぐことは可能ですか? 2017年の更新: TL; DR、pointer-events: none;以下の@HDの回答に記載されているCSS を検索します。これは、最新のブラウザーとIE11で機能します。

11
ソースを表示するだけでなく、GitHubから直接HTMLファイルを実行できますか?
.htmlたとえば、一連のJavaScriptテストを実行するためにGitHubリポジトリにファイルがある場合、そのページを直接表示する方法はありますか?テストを実行しますか? たとえば、リポジトリをダウンロードしたり、ローカルドライブに複製してそこで実行したりせずに、jQueryテストスイートによって生成されるテスト結果を実際にどうにかして確認できますか? これは基本的にGitHubを静的コンテンツホスティングビジネスに使用することを知っていますが、繰り返しになりますが、MIMEタイプをからtext/plainに変更する必要がありtext/htmlます。
300 javascript  html  github 

29
内容に合わせてiframeの幅と高さを調整します
私はのためのソリューション必要な自動調整widthとheightのiframeかろうじてその内容に合うようにします。ポイントは、iframeロードされた後に幅と高さを変更できることです。iframeに含まれるボディの寸法の変化に対処するためのイベントアクションが必要だと思います。

8
レスポンシブレイアウトの要素を非表示にしますか?
ブートストラップを見ると、小さな画面のメニューバー項目の縮小をサポートしているように見えます。ページの他のアイテムに同様のものはありますか? たとえば、私は一緒に浮かんでいるナビ錠剤を持っています。小さな画面では、これにより問題が発生します。少なくとも、それを同様のクリックして表示するドロップダウンに配置したいです。 これは既存のBootstrapフレームワーク内で可能ですか?


12
ドロップダウンリストからデフォルトの矢印アイコンを削除する方法(要素を選択)?
HTML &lt;select&gt;要素からドロップダウン矢印を削除したい。例えば: &lt;select style="width:30px;-webkit-appearance: none;"&gt; &lt;option&gt;2000&lt;/option&gt; &lt;option&gt;2001&lt;/option&gt; &lt;option&gt;2002&lt;/option&gt; ... &lt;/select&gt; Opera、Firefox、Internet Explorerでそれを行う方法

6
Internet Explorer 7で絶対配置された親の子要素の幅の割合
私はdivいくつかの子供たちを含む絶対配置されていますが、そのうちの1つは比較的配置されていdivます。percentage-based width子divでaを使用すると、0 widthIE7では折りたたまれますが、FirefoxまたはSafariでは折りたたまれません。 私が使用した場合pixel width、それは動作します。親が相対的に配置されている場合、子のパーセント幅が機能します。 ここで見逃しているものはありますか? pixel-based width子供のほかに簡単な修正はありますか? これをカバーするCSS仕様の領域はありますか?

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