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

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

6
大きなHTML文字列からjQueryオブジェクトを作成する
複数の子ノードを含む大きなHTML文字列があります。 この文字列を使用してjQuery DOMオブジェクトを構築することは可能ですか? 私は試しました$(string)が、すべての個々のノードを含む配列のみを返します。 .find()関数を使用できる要素を取得しようとしています。
140 javascript  jquery  html 

3
favicon.icoの正しいMIMEタイプ?
Internet Assigned Numbers Authority(IANA)によれば、すべての.icoファイルはMIMEタイプに分類されますimage/vnd.microsoft.icon。(出典) 例えば <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" /> しかし、精通したインターネットの第一人者であるポールアイリッシュは、これは間違っていると主張し、実際にはそうであると主張していますimage/x-icon。(出典) 例えば <link rel="icon" type="image/x-icon" href="favicon.ico" /> .icoファイルの「タイプ」を含めなくても問題はないことはわかっていますが、「タイプ」を含める場合は、どのタイプにする必要がありますか?実際にそれを公式のIANAタイプとして提供することに問題はありますか?

11
ジオロケーションを使用して都市名を取得する
HTMLベースの地理位置情報を使用して、ユーザーの緯度と経度を取得することができました。 //Check if browser supports W3C Geolocation API if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(successFunction, errorFunction); } //Get latitude and longitude; function successFunction(position) { var lat = position.coords.latitude; var long = position.coords.longitude; } 都市名を表示したいのですが、逆ジオロケーションAPIを使用するのが唯一の方法のようです。リバースジオロケーションに関するGoogleのドキュメントを読みましたが、自分のサイトで出力を取得する方法がわかりません。 これを使用する方法がわかりません"http://maps.googleapis.com/maps/api/geocode/json?latlng='+lat+','+long+'&sensor=true"。ページに都市名を表示します。 どうすればこれを達成できますか?


10
'transform3d'が位置で機能しない:修正された子
通常のCSS環境で、固定divが指定された場所に正確に配置される状況があります(top:0px、left:0px)。 translate3d変換を持つ親がいる場合、これは尊重されないようです。私は何かを見ていませんか?スタイルやトランスフォームの元のオプションのような他のwebkit-transformを試しましたが、うまくいきませんでした。 黄色のボックスがコンテナー要素の内部ではなくページの上部隅にあると予想される例をJSFiddleに添付しました。 以下に、フィドルの簡略版を示します。 #outer { position:relative; -webkit-transform:translate3d(0px, 20px , 0px); height: 300px; border: 1px solid #5511FF; padding: 10px; background: rgba(100,180,250, .8); width: 80%; } #middle{ position:relative; border: 1px dotted #445511; height: 300px; padding: 5px; background: rgba(250,10,255, .6); } #inner { position: fixed; top: 0px; box-shadow: 3px 3px 3px #333; …




16
<!-[if!IE]>が機能しない
うまくいかない &lt;!--[if !IE]&gt; 仕事に。これが私のドキュメントにあるためか &lt;!doctype html&gt; &lt;!--[if lt IE 7]&gt; &lt;html class="ie6 oldie"&gt; &lt;![endif]--&gt; &lt;!--[if IE 7]&gt; &lt;html class="ie7 oldie"&gt; &lt;![endif]--&gt; &lt;!--[if IE 8]&gt; &lt;html class="ie8 oldie"&gt; &lt;![endif]--&gt; &lt;!--[if gt IE 8]&gt;&lt;!--&gt; &lt;html class=""&gt; &lt;!--&lt;![endif]--&gt; 追加したとき &lt;!--[if !IE]&gt;&lt;!--&gt; &lt;link type="text/css" rel="stylesheet" href="/stylesheets/no-ie.css" /&gt; &lt;!--&lt;![endif]--&gt; 何らかの理由で私のヘッダーにそれが機能しません。ただし、追加した場合 &lt;!--[if !IE]&gt;&lt;!--&gt; &lt;style&gt; All my …

8
HTML5 <canvas>がサポートされていないことを検出する最良の方法
ブラウザがHTML5 &lt;canvas&gt;タグをサポートしない状況に対処する標準的な方法は、次のようなフォールバックコンテンツを埋め込むことです。 &lt;canvas&gt;Your browser doesn't support "canvas".&lt;/canvas&gt; ただし、ページの残りの部分は同じままで、不適切または誤解を招く可能性があります。キャンバスの非サポートを検出して、残りのページを適切に表示できるようにしたいのですが。あなたは何をお勧めします?

1
<script>タグは<noscript>タグの内部でどのような目的に使用されますか?
私は最近、興味深いデザインとコンテンツを備えたWebサイトで「ソースを表示」しました。これらのWebサイトの1つであるSquarespaceには、次のように&lt;script&gt;タグの内側にタグのブロックがあります&lt;noscript&gt;。 &lt;!-- Page is at: http://squarespace.com --&gt; ... ... &lt;noscript id="inline-deps"&gt; &lt;link rel="stylesheet" type="text/css" href="//cloud.typography.com/7811972/758964/css/fonts.css" /&gt; &lt;script type="text/javascript" src="https://static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/7400/assets/logomark/logomark.min.js?37"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="https://static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/7400/assets/logomark/logomark.min.css?37" type="text/css" /&gt; &lt;/noscript&gt; ... ... それは奇妙なことに私を襲い、そのような奇妙なHTMLのある種の隠された機能/目的があるかどうかを調べるために情報を探しましたが、役に立ちませんでした。要素の&lt;script&gt;内部にタグを置くことには何らかの目的があります&lt;noscript&gt;か、それとも単なる悪いHTMLの例ですか?


9
HTMLテーブルでリアルタイム検索とフィルターを実行する方法
私はしばらくの間、スタックオーバーフローをグーグル検索して検索してきましたが、この問題を回避することはできません。 たとえば、フルーツを含む標準のHTMLテーブルがあります。そのようです: &lt;table&gt; &lt;tr&gt; &lt;td&gt;Apple&lt;/td&gt; &lt;td&gt;Green&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Grapes&lt;/td&gt; &lt;td&gt;Green&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Orange&lt;/td&gt; &lt;td&gt;Orange&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; この上にテキストボックスがあり、ユーザーが入力するときにテーブルを検索します。したがって、Greたとえば入力すると、テーブルのオレンジ色の行が消え、リンゴとブドウが残ります。彼らが続けてタイプGreen Grすると、リンゴの列は消え、ブドウだけが残るはずです。これが明確であることを願っています。 また、ユーザーがクエリの一部またはすべてをテキストボックスから削除した場合、クエリに一致するすべての行が再び表示されるようにする必要があります。 jQueryでテーブル行を削除する方法は知っていますが、これに基づいて検索を実行し、行を選択的に削除する方法についてはほとんど考えていません。これに対する簡単な解決策はありますか?またはプラグイン? 誰かが私を正しい方向に向けることができればそれは素晴らしいでしょう。 ありがとうございました。
139 javascript  jquery  html 


5
jQueryを使用してオプションを選択するための追加データの追加
とても簡単な質問です。 私は&lt;select&gt;このような通常の箱を持っています &lt;select id="select"&gt; &lt;option value="1"&gt;this&lt;/option&gt; &lt;option value="2"&gt;that&lt;/option&gt; &lt;option value="3"&gt;other&lt;/option&gt; &lt;/select&gt; 選択した値(を使用して$("#select").val())と選択したアイテムの表示値(を使用して)を取得できます$("#select :selected").text()。 しかし、&lt;option&gt;タグに追加値のように格納するにはどうすればよいですか?私は何かのよう&lt;option value="3.1" value2="3.2"&gt;other&lt;/option&gt;にしてvalue2属性の値を取得できるようにしたいと思います(例では3.2になります)。
139 javascript  jquery  html 

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