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

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

3
<input type =“ tel” />を使用してもよろしいですか?
私は携帯電話のWebアプリに取り組んでおり、の恩恵を受けることができるいくつかのテキストフィールドがあります&lt;input type="tel"/&gt;。iPhoneはユーザーのためにキーボードを調整しますが、後方互換性を壊すのではないかと心配しています。私が期待しているのは、これをサポートするブラウザ/電話がユーザーを支援し、他のブラウザが標準のテキストフィールドにフォールバックすることです。これは許容できる方法ですか?それでも機能しますか?


2
H1-H6タグの最も一般的なフォントサイズは何ですか[クローズド]
閉まっている。この質問はトピックから外れています。現在、回答を受け付けていません。 この質問を改善してみませんか? Stack Overflowのトピックとなるように質問を更新します。 9年前休業。 この質問を改善する 一般的なベストプラクティスのベースラインとしてどこから始めればよいかは常にわかりませんでした。はい、私はそれがあなたのデザインに依存することを知っています-しかし、最も一般的なものは何ですか? ここに私が最初に持っているものがあります: h1 { font-size: 24px;} h2 { font-size: 22px;} h3 { font-size: 18px;} h4 { font-size: 16px;} h5 { font-size: 12px;} h6 { font-size: 10px;} はい、現在の仕事ではEMを使用していません。 ありがとう
107 html  css  frontend 

7
最後の列を除いてテーブルセルの幅を最小にするにはどうすればよいですか?
100%幅のテーブルがあります。私&lt;td&gt;がそれにs を入れると、それらは同じ長さの列で広がります。ただし、最後を除くすべての列の幅をできるだけ小さくし、テキストを折り返さないようにします。 最初に行ったのは、最後を除くwidth="1px"すべて&lt;td&gt;のに設定することでした(非推奨ですが、style="width:1px"効果はありませんでした)。これは、列にマルチワードデータが含まれるまでは問題なく機能しました。その場合、長さをできるだけ短くするために、テキストを折り返しました。 実演させてください。このテーブルを想像してください: --------------------------------------------------------------------------------- element1 | data | junk here | last column --------------------------------------------------------------------------------- elem | more data | other stuff | again, last column --------------------------------------------------------------------------------- more | of | these | rows --------------------------------------------------------------------------------- 何を試しても、次のいずれかになります。 --------------------------------------------------------------------------------- element1 | data | junk here | last column --------------------------------------------------------------------------------- elem | more …
107 html  css  html-table 

26
「play()リクエストがpause()の呼び出しによって中断された」というエラーを防ぐ方法は?
ユーザーがクリックすると音が鳴るサイトを作りました。音が重ならないようにするには、コードを追加する必要がありました。 n.pause(); n.currentTime = 0; n.play(); ただし、これによりエラーが発生します。 The play() request was interrupted by a call to pause() サウンドイベントがトリガーされるたびに、別のトリガーの直後に起動します。サウンドは引き続き正常に再生されますが、このエラーメッセージが常にポップアップするのを防ぎたいと思います。何か案は?


6
javascriptでblobをアップロードするにはどうすればよいですか?
この構造にblobデータがあります。 Blob {type: "audio/wav", size: 655404, slice: function} size: 655404 type: "audio/wav" __proto__: Blob 最近のChrome getUerMedia()とRecorder.jsを使用して録音された実際のサウンドデータです。 jqueryのpostメソッドを使用して、このblobをサーバーにアップロードするにはどうすればよいですか?私は運なしでこれを試しました: $.post('http://localhost/upload.php', { fname: "test.wav", data: soundBlob }, function(responseText) { console.log(responseText); });
107 javascript  jquery  html 

3
埋め込みSVGにスタイルを適用する方法は?
&lt;svg&gt;タグを使用してSVGがドキュメントに直接含まれている場合、ドキュメントのスタイルシートを介してSVGにCSSスタイルを適用できます。ただし、(&lt;object&gt;タグを使用して)埋め込まれたSVGにスタイルを適用しようとしています。 次のコードのようなものを使用することは可能ですか? object svg { fill: #fff; }
107 html  css  svg 

8
CSSを使用して画像サイズを比例的に変更しますか?
私は数日間、サムネイルギャラリーを構成して、すべての画像が同じ高さと幅で表示されるようにしています。ただし、Cssコードを次のように変更すると、 max-height: 150px; max-width: 200px; width: 120px; height: 120px; すべて同じサイズの画像が表示されますが、アスペクト比が引き伸ばされて画像を台無しにしています。代わりに画像ではなく画像コンテナのサイズを変更する方法はありませんか?アスペクト比を維持することができます。ただし、画像のサイズを変更します。(画像の一部を切り取ってもかまいません。) 前もって感謝します!
107 html  css  gallery  lightbox 

7
HTMLスパン揃えセンターが機能していませんか?
私はいくつかのHTMLを持っています: &lt;div align="center" style="border:1px solid red"&gt; This is some text in a div element! &lt;/div&gt; Divによってドキュメントの間隔が変更されるため、代わりにこれにスパンを使用します。 しかし、スパンはコンテンツを一元化していません: &lt;span style="border:1px solid red;align=center"&gt; This is some text in a div element! &lt;/span&gt; どうすれば修正できますか? 編集: 私の完全なコード: &lt;html&gt; &lt;body&gt; &lt;p&gt;This is a paragraph. This text has no alignment specified.&lt;/p&gt; &lt;span style="border:1px solid red;text-align=center"&gt; This …
107 html  css 


1
tr要素の周りのボーダーが表示されませんか?
Chrome / Firefoxはにボーダーをレンダリングしないようtrですが、セレクターがの場合はボーダーをレンダリングしtable tr tdます。 trに境界を設定するにはどうすればよいですか? うまくいかない私の試み: table tr { border: 1px solid black; } &lt;table&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt; Text &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; コードスニペットを実行する結果を非表示スニペットを展開 http://jsfiddle.net/edi9999/VzPN2/ これは同様の質問です:境界線をテーブルtrに設定すると、IE 6および7以外のすべてで機能しますが、IE以外のすべての場所で機能するようです。
107 html  css  html-table 

8
div(高さ)が親の残りの高さになるようにする
http://jsfiddle.net/S8g4E/ 私はdiv2人の子供がいるコンテナを持っています。最初の子は所定の高さです。div特定の高さを指定せずに、2番目の子がコンテナの「空きスペース」を占めるようにするにはどうすればよいですか? この例では、ピンクdivもホワイトスペースを占める必要があります。 この質問に似ています:divが残りの高さを占めるようにする方法は? しかし、私は絶対的な立場を与えたくありません。
107 html  css  height  parent 

7
電子require()が定義されていません
私は自分の目的のためにElectronアプリを作成しています。私の問題は、HTMLページ内でノード関数を使用しているときに、次のエラーをスローすることです。 「require()」は定義されていません。 すべてのHTMLページでノード機能を使用する方法はありますか?可能であれば、これを行う方法の例を示すか、リンクを提供してください。HTMLページで使用しようとしている変数は次のとおりです。 var app = require('electron').remote; var dialog = app.dialog; var fs = require('fs'); これらは、Electron内のすべてのHTMLウィンドウで使用している値です。

9
クリックで折りたたみ可能なBootstrap 4ナビゲーションバーを非表示にする方法
うまく機能するBootstrap 4を使用して、この折りたたみ可能なナビゲーションバーを作成しましたが、ユーザーがリンクをクリックしたときに閉じます。これを行う方法はありますか?ありがとう htmlナビゲーションバー: &lt;nav class="navbar navbar-toggleable-md fixed-top"&gt; &lt;button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;/button&gt; &lt;div class="container"&gt; &lt;a class="navbar-brand" href="#"&gt;&lt;img src="Images/logo.png" width="60px"&gt;&lt;/a&gt; &lt;div class="collapse navbar-collapse" id="navbarDiv"&gt; &lt;ul class="navbar-nav mr-auto"&gt; &lt;li class="nav-item active"&gt; &lt;a class="nav-link" href="#home"&gt;Home &lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt; &lt;/li&gt; &lt;li class="nav-item"&gt; &lt;a class="nav-link" …

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