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

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

4
JavaScriptを使用して動的にリンクに「href」属性を追加するにはどうすればよいですか?
hrefJavaScriptを使用して動的にリンクに属性を追加するにはどうすればよいですか? 基本的に、href属性を<a></a>動的に追加したい(つまり、ユーザーがWebサイトの特定の画像をクリックしたとき)。 だからから: <a>Link</a> 私は行く必要があります: <a href="somelink url">Link</a>
93 javascript  html 


13
JavaScriptでCSSプロパティをホバーする
JavaScriptを使用してCSS:hoverプロパティを変更する方法を見つける必要があります。 たとえば、次のHTMLコードがあるとします。 <table> <tr> <td>Hover 1</td> <td>Hover 2</td> </tr> </table> そして次のCSSコード: table td:hover { background:#ff0000; } JavaScriptを使用して、<td>ホバープロパティをたとえばbackground:#00ff00に変更したいと思います。JavaScriptを使用してスタイルの背景プロパティにアクセスできることを知っています。 document.getElementsByTagName("td").style.background="#00ff00"; しかし、私は:hoverに相当するJavaScriptを知りません。JavaScriptを使用してこれらの<td>の:hover背景を変更するにはどうすればよいですか? あなたの助けは大歓迎です!
93 javascript  html  css  dhtml 

10
Vue.jsデータバインディングスタイルのbackgroundImageが機能しない
画像のsrcを要素にバインドしようとしていますが、機能していないようです。「無効な式。生成された関数本体:{backgroundImage:{url(image)}」が表示されます。 ドキュメントには、「ケバブ・ケース」や「キャメルケース」のいずれかを使用することを言います。 <div class="circular" v-bind:style="{ backgroundImage: { url(image) }"></div> ここにフィドルがあります:https://jsfiddle.net/0dw9923f/2/
93 javascript  html  css  vue.js 

7
div要素のsvgの下の余分なスペースを取り除く方法
これが問題の実例です(FirefoxとChromeでテスト済み): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> コードスニペットを実行する結果を非表示スニペットを展開 JSFiddleで表示 青redのdiv下の内側の余分なスペースに注意してくださいsvg。 paddingとmargin両方の要素をに設定しようとしまし0たが、運がありませんでした。
93 html  css  svg 

8
Firefoxが<audio>のMP3ファイル形式をサポートしないのはなぜですか
Firefoxが&lt;audio&gt;要素内のMP3ファイルの再生をサポートせず、Ogg形式のみをサポートする特別な理由はありますか? ライセンスの問題ですか? 将来の可能性のある実装について計画はありますか? &lt;audio&gt;エレメントでのMP3再生をサポートするアドオンを開発することは可能ですか?

11
:not(:empty)CSSセレクターが機能していませんか?
この特定のCSSセレクターを追加:not(:empty)すると、動作しなくなってしまいました。他のセレクターのどの組み合わせでも問題なく動作するようです。 input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } :not(:empty)パーツを外しても問題なく動作します。セレクターを変更しても、input:not(:empty)テキストが入力されている入力フィールドは選択されません。これは壊れていますか:empty、:not()それともセレクタ内での使用が許可されていませんか? 私が考えることができる他の唯一のことは、ブラウザにはまだ子がないので要素は空であると言っていることです。ん:emptyセレクタは、定期的な要素対の入力要素のための独立した機能を持っていませんか?ただし:empty、フィールドで使用してフィールドに何かを入力すると、代替の効果がなくなるためです(フィールドが空ではなくなるため)。 Firefox 8およびChromeでテスト済み。

7
.NET MVC 3 Razor Editorを使用したHTML5プレースホルダー
@ Html.EditorForを使用してHtml5プレースホルダーを書き込む方法はありますか、それともTextBoxFor拡張機能を使用するだけですか? @Html.TextBoxFor(model =&gt; model.Title, new { @placeholder = "Enter title here"}) それとも、多分(に似DataAnnotationsを経由して「説明」の表示属性を使用することができます私たち自身のカスタム拡張書くために理にかなって、これを)? もちろん、同じ質問が「オートフォーカス」にも当てはまります。

4
Webstorm:「ディレクトリを解決できません」
これは私にバグをもたらし始めており、私はそれをオフにするか、修正したいです。したがって、WebstormのHTMLパーサーには、プロジェクト内のファイルを参照するはずの文字列内のディレクトリを解決しようとする優れた機能があります。例えば: ウェブストームは正しいです。私のフロントエンドコードはすべて含まれて/appいますが、私のサーバーはルート上のアプリでファイルを提供するため、Webコンテキストで/appは実際にはだけ/です。余談ですが、この動作は角度テンプレートにも影響します。 そして私のangular-uiルート(私はそれが通常のangularルートにもそれをするだろうと想像します)。 /appルートとして扱うようにウェブストームを変更できる方法はありますか?これは便利な機能ですか?そうでない場合、これを無効にする方法はありますか?私はインスペクターに行ってみましたが、そのオプションが見つかりませんでした: いいえ、それはXMLではありません...試してみました。 感謝してください。ありがとう...

27
IEのドロップダウンリストの幅
IEでは、ドロップダウンリストの幅はドロップボックスと同じです(私が理解していると思います)。Firefoxでは、ドロップダウンリストの幅はコンテンツによって異なります。 これは基本的に、可能な限り長い選択範囲を表示できるようにドロップボックスの幅が十分にあることを確認する必要があることを意味します。これは私のページをとても醜く見せます:( この問題の回避策はありますか?CSSを使用してドロップボックスとドロップダウンリストに異なる幅を設定するにはどうすればよいですか?

10
Photos.appから画像をアップロードするモバイルサファリのhtml5 Webアプリ?
ユーザーがファイルシステムから画像をアップロードできるようにするiOSデバイス(iPad、iPhone、iPod Touch)用に設計されたHTML5 Webアプリケーションを作成することは可能ですか? Webアプリを介してTwitterアバターに新しい写真をアップロードすることを想像してみてください。

7
getAttribute()対Elementオブジェクトのプロパティ?
式は同じものElement.getAttribute("id")をElement.id好み、同じものを返します。 HTMLElementオブジェクトの属性が必要な場合、どちらを使用する必要がありますか? getAttribute()andのようなこれらの方法でクロスブラウザの問題はありますsetAttribute()か? または、オブジェクトプロパティに直接アクセスする場合とこれらの属性メソッドを使用する場合のパフォーマンスへの影響はありますか?
92 javascript  html  dom 

9
HTMLタグの非標準属性。良いこと?悪いこと?あなたの考え?
タグの非標準属性に関しては、HTML(またはおそらくXHTMLのみ?)は比較的厳密です。それらが仕様の一部でない場合、コードは非準拠と見なされます。 非標準の属性は、メタデータをJavaScriptに渡すのにかなり役立ちます。たとえば、リンクがポップアップを表示すると想定されている場合は、属性にポップアップの名前を設定できます。 &lt;a href="#null" class="popup" title="See the Popup!" popup_title="Title for My Popup"&gt;click me&lt;/a&gt; または、ポップアップのタイトルをスパンなどの非表示要素に保存することもできます。 &lt;style&gt; .popup .title { display: none; } &lt;/style&gt; &lt;a href="#null" title="See the Popup!" class="popup"&gt; click me &lt;span class="title"&gt;Title for My Popup&lt;/span&gt; &lt;/a&gt; しかし、どちらが好ましい方法であるかについて私は引き裂かれました。最初の方法はより簡潔であり、検索エンジンやスクリーンリーダーをそれほど必要としないと思います。逆に、2番目のオプションを使用すると、大量のデータを簡単に保存できるため、用途が広がります。また、標準に準拠しています。 私はこのコミュニティの考えが何であるかに興味があります。このような状況にどのように対処しますか?最初の方法の単純さは、潜在的な欠点(ある場合)を上回りますか?

4
小さなデバイスのTwitterブートストラップ非表示要素
私はこのコードを持っています: &lt;footer class="row"&gt; &lt;nav class="col-sm-3"&gt; &lt;ul class="list-unstyled"&gt; &lt;li&gt;Text 1&lt;/li&gt; &lt;li&gt;Text 2&lt;/li&gt; &lt;li&gt;Text 3&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;nav class="col-sm-3"&gt; &lt;ul class="list-unstyled"&gt; &lt;li&gt;Text 4&lt;/li&gt; &lt;li&gt;Text 5&lt;/li&gt; &lt;li&gt;Text 6&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;nav class="col-sm-3"&gt; &lt;ul class="list-unstyled"&gt; &lt;li&gt;Text 7&lt;/li&gt; &lt;li&gt;Text 8&lt;/li&gt; &lt;li&gt;Text 9&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;nav class="col-sm-3"&gt; &lt;ul class="list-unstyled"&gt; &lt;li&gt;Text 10&lt;/li&gt; &lt;li&gt;Text 11&lt;/li&gt; &lt;li&gt;Text 12&lt;/li&gt; &lt;/ul&gt; …


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