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

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

6
github wikiページで「ネタバレ」テキストを作成するにはどうすればよいですか？
マウスオーバーするまで表示されないテキスト、または「表示」/「非表示」ボタンなどがあるテキストを作成して、ユーザーが何らかの方法で操作するまで表示されないようにしようとしています。 githubwikiページでこれを実行しようとしています。（具体的には、短い自己クイズ用です。） 基本的に、SOが>!マークアップで達成するのと同様の効果を得たいと思います。 ホーホー！ネタバレテキスト！ これらの メタ投稿で説明されているように。 同じマークアップはgithubでは機能しません。SO拡張機能だと思いますか？ 閉じられたgithubのコメントでネタバレテキストを使用することについてこの問題を見ましたが、wikiページに対する別の答え、またはHTMLなどに基づく別の解決策があるのではないかと思いました。 これを行う方法があるかどうか、またはそれが間違いなく残念ながら不可能かどうかを誰かが知っていますか？
8
スクリプトがロードされた後にjavascript関数を呼び出す
以下のようなJavaScriptを介して動的にhtmlを追加しているhtmlページがあります <script type="text/javascript" src="/myapp/htmlCode"></script> ロードされたコンテンツ（）などのjs関数を呼び出したい。上記のスクリプトがダイナミックHTMLを追加したら。 誰かが私がそれをどのように行うことができるか私を助けることができますか？
11
CSSでmin-font-sizeを設定する方法
HTMLページのすべての要素に最小フォントサイズを設定したいと思います。 たとえば、フォントサイズが12px未満の要素がある場合、それらは12pxに変更されます。 ただし、フォントサイズが12pxの要素がある場合、それらは変更されません。 CSSでそれを行う方法はありますか？
82 html  css  font-size 
5
webSocketを使用して特定の接続ユーザーにメッセージを送信しますか？
すべてのユーザーにメッセージをブロードキャストするためのコードを作成しました。 // websocket and http servers var webSocketServer = require('websocket').server; ... ... var clients = [ ]; var server = http.createServer(function(request, response) { // Not important for us. We're writing WebSocket server, not HTTP server }); server.listen(webSocketsServerPort, function() { ... }); var wsServer = new webSocketServer({ // WebSocket server is …
9
クライアント側でHTMLをサニタイズ/書き換える
クロスドメインリクエストを介して読み込まれた外部リソースを表示し、「安全な」コンテンツのみを表示するようにする必要があります。 PrototypeのString＃stripScriptsを使用して、スクリプトブロックを削除できます。しかし、onclickまたはなどのハンドラーonerrorはまだ存在しています。 少なくともできるライブラリはありますか スクリプトブロックを削除し、 DOMハンドラーを強制終了します。 ブラックリストにあるタグ（例：embedまたはobject）を削除します。 では、JavaScript関連のリンクや例はありますか？
15
HTMLとCSSのプログレスバー
下の画像のようなプログレスバーを作成したいと思います。 これを作成することについてはわかりません。HTML5テクニックを使用する必要がありますか？ このプログレスバーの作成についてサポートをお願いします。
82 html  css  progress-bar 
7
必須属性HTML5
Webアプリケーション内で、フォームフィールドにカスタム検証を使用しています。同じフォーム内に2つのボタンがあります。1つは実際にフォームを送信するためのもので、もう1つはフォームをキャンセル/リセットするためのものです。 ほとんどの場合、デフォルトのブラウザとしてSafariを使用しています。Safari 5がリリースされ、突然キャンセル/リセットボタンが機能しなくなりました。リセットボタンを押すたびに、フォームの最初のフィールドにフォーカスが移りました。ただし、これは私のカスタムフォーム検証と同じ動作です。別のブラウザで試してみると、すべてうまくいきました。私はSafari5の問題でなければなりませんでした。 Javascriptコードを少し変更したところ、次の行が問題の原因であることがわかりました。 document.getElementById("somefield").required = true; それが本当に問題になることを確認するために、私はテストシナリオを作成しました。 <!DOCTYPE html> <html> <head> <title>Test</title> </head> <body> <form id="someform"> <label>Name:</label> <input type="text" id="name" required="true" /><br/> <label>Car:</label> <input type="text" id="car" required="true" /><br/> <br/> <input type="submit" id="btnsubmit" value="Submit!" /> </form> </body> </html> 私が期待したことが起こった。最初のフィールド「名前」は自動的にフォーカスを取得しました。 他の誰かがこれに遭遇しましたか？
81 html 
12
「margin：0auto;」を使用する Internet Explorer8で
私はいくつかの高度なIE8テストを行っている最中ですが、IE8では古い使用方法margin: 0 auto;がすべての場合に機能するとは限らないようです。 次のHTMLは、FF3、Opera、Safari、Chrome、IE7、およびIE8互換で中央揃えのボタンを提供しますが、IE8標準では提供しません。 <div style="height: 500px; width: 500px; background-color: Yellow;"> <input type="submit" style="display: block; margin: 0 auto;" /> </div> （回避策として、ボタンに明示的な幅を追加できます）。 だから問題は：どのブラウザが正しいのか？それとも、これは動作が定義されていないケースの1つですか？ （私の考えでは、すべてのブラウザーが正しくありません。「display：block」の場合、ボタンの幅を100％にするべきではありませんか？） 更新：私は劣等生です。入力はブロックレベルの要素ではないので、「text-align：center」を使用してdiv内に含める必要があります。とはいえ、好奇心のために、上記の例でボタンを中央に配置するかどうかを知りたいと思います。 恩恵のために：私は例で奇妙なことをしていることを知っています、そして私がアップデートで指摘するように、私はちょうどそれを中央に揃えるべきでした。賞金については、次のような仕様を参照してください。 「display：block」を設定した場合、ボタンの幅は100％にする必要がありますか？それともこれは未定義ですか？ 表示はブロックなので、「margin：0auto;」にする必要があります。ボタンを中央に配置するかどうか、または未定義ですか？
13
Twitter Bootstrapタブが機能しない：タブをクリックしても何も起こりません
次のコードでTwitterBootstrapタブを実装しようとしていますが、機能していないようです。タブは表示されますが、クリックしても何も起こりません。以下は私が使用している唯一のコードです。他のすべてのCSS / JSスクリプトは、TwitterBootstrapフレームワークからコピーされます。 <!DOCTYPE html> <html lang="en"> <head> <!-- Le styles --> <link href="assets/twitterbootstrap/css/bootstrap.css" rel="stylesheet"> <link href="assets/twitterbootstrap/css/bootstrap-responsive.css" rel="stylesheet"> </head> <body data-spy="scroll" data-target=".subnav" data-offset="50"> <div class="container"> <!--------> <div id="content"> <ul class="nav nav-tabs" data-tabs="tabs"> <li class="active"><a href="#red">Red</a></li> <li><a href="#orange">Orange</a></li> <li><a href="#yellow">Yellow</a></li> <li><a href="#green">Green</a></li> <li><a href="#blue">Blue</a></li> </ul> <div id="my-tab-content" class="tab-content"> <div class="tab-pane active" …
3
テーブル内の複数の<thead> / <tbody>は有効ですか？
これに似たリストのリストを想像してみてください。 var list = [ { name: 'group1', items: [ 1, 2, 3, 4, 5 ] }, { name: 'group2', items: [ 1, 2, 3, 4, 5 ] }, etc... ] 今引数を「データ用に設計されていないテーブル」全体を忘れて、私はのための単一のテーブルを表示したいlistと別々持つ&lt;thead&gt;と&lt;tbody&gt;の各エントリのためにlist。 これは技術的に有効ですか？これはブラウザで機能しますが、私のクモの感覚はこれにうずきます。
81 javascript  html 
13
ページを更新せずにWebサイトのCSSを更新する
CSSでページを作成しました。ここで、エディターからブラウザーに変更し、ページ全体を更新して、小さな変更をすべて確認する必要があります。しかし、アニメーションがあるので、ページを更新したくありません。 では、CSSの更新後にサイトが自動的に更新されるように使用できるものはありますか？ たぶんJavaScript、jQuery、Ajaxなどで？
81 javascript  jquery  html  css  ajax 
2
HTML5のGeoLocationはどのように正確に機能しますか？
ブラウザが私のIPアドレスと近くのワイヤレスネットワークの詳細を共有して現在地を特定していることは知っていますが、近くのWi-Fiネットワークについてどのような情報を知っていますか？ たとえば、私が住んでいる場所にはパブリックワイヤレスネットワークがなく、自宅からは約5つのプライベートネットワークを見ることができますが、私の場所は20メートル以内にあります。近くにオープンネットワークがないので、Googleはどのように私の場所を決定しますか？私が考えることができる唯一の方法は、Googleがストリートビューの道路をマッピングするときにすべてのワイヤレスネットワークの場所をマッピングしたということです。 オンラインで検索しましたが、具体的な詳細が見つかりません。
7
CSSでテキストと選択ボックスを同じ幅に揃えますか？
わかりました、これを正しく行うことは一見不可能です。テキストボックスと選択ボックスがあります。左マージンと右マージンに揃うように、正確に同じ幅にしたいです。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style type="text/css"&gt; input, select { width: 200px; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;input type="text" value="ABC"&gt;&lt;br&gt; &lt;select&gt; &lt;option&gt;123&lt;/option&gt; &lt;/select&gt; &lt;/body&gt; &lt;/html&gt; そう思いますよね？いいえ。Firefoxでは選択ボックスが6px短くなっています。スクリーンショットを参照してください。 では、コードを編集して2つのスタイルを作成しましょう。 &lt;style type="text/css"&gt; input { width: 200px; } select { width: 206px; } &lt;/style&gt; うまくいきました！ ちょっと待って、Chromeでもっとテストして... 誰かがこれらをすべてのブラウザに並べる方法を教えてもらえますか？幅：すべて200pxを実行できないのはなぜですか、すべてのブラウザで表示が異なるのはなぜですか？また、テキストボックスと選択ボックスの高さが異なるのはなぜですか？どうすれば同じ高さにできますか？高さとラインの高さを試しましたが、役に立ちません。 解決： わかりました、私は以下の答えからいくつかの助けを借りて解決策を見つけました。重要なのは、box-sizing：border-boxプロパティを使用して、境界線とパディングを含む幅を指定することです。ここで優れた説明を参照してください。その後、ブラウザはそれを詰め込むことができません。 コードは以下のとおりです。ボックスの高さも同じサイズに設定し、ボックス内のテキストをインデントして整列させています。また、Chromeには、配置を破棄する選択ボックスに使用する非常に奇妙な外観の境界線があるため、境界線を設定する必要があります。これは、HTML5サイト（IE9、Firefox、Chrome、Safari、Operaなどのサポートなど）で機能します。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style …
6
Jquery .show（）は、非表示の可視性を持つdivを表示しません
基本的なjQueryの質問： divjQueryを使用して非表示としてマークされているを明らかにしようとしています。しかし、それを完全に理解していません ここでJSFiddleを作成しました：http：//jsfiddle.net/VwjxJ/ 基本的には、隠し要素のスペースを維持したいのではstyle="visibility: hidden;"なく、使いstyle="display: none;"たい 使用してみましたshow()、fadeIn()などどちらも仕事（彼らはのために行いますstyle="display: none;"） 私は何が間違っているのですか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.