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

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

11
AJAX呼び出し後にinnerHTMLによって挿入された<script>を実行する
「コンテンツ」というdivがあります。 &lt;div id="content"&gt;&lt;/div&gt; &lt;script&gt;タグを含む、AJAXによるPHPファイルからのデータを入力する必要があります。ただし、このタグ内のスクリプトは実行されていません。 &lt;div id="content"&gt;&lt;!-- After AJAX loads the stuff that goes here --&gt; &lt;script type="text/javascript"&gt; //code &lt;/script&gt; &lt;!-- More stuff that DOES work here --&gt; &lt;/div&gt;
99 javascript  html  ajax 
10
Thymeleaf：条件文を使用してCSSクラスを動的に追加/削除する方法
使用してThymeleafのテンプレートエンジンとして、それは単純なものから動的に/へのCSSクラスを追加/削除することが可能であるdivとのth:if句？ 通常、次のように条件句を使用できます。 &lt;a href="lorem-ipsum.html" th:if="${condition}"&gt;Lorem Ipsum&lt;/a&gt; lorem ipsumページへのリンクを作成しますが、条件句がtrueの場合のみです。 何か別のものを探しています。ブロックを常に表示したいのですが、状況に応じてクラスを変更できます。
99 java  html  css  spring  thymeleaf 
10
min-font-sizeやmax-font-sizeのようなものはありますか？
ブラウザウィンドウに応答するdivのフォントを作成しようとしています。これまでのところ、完全に機能しましたが、親divにはのがmax-widthあり525pxます。ブラウザのサイズをさらに変更しても、フォントのサイズ変更は停止しません。これは、min-font-sizeまたはのようなものがあるのかmax-font-size、そのようなものが存在しないのか、同様のことを達成する方法があるのか疑問に思いました。 でパーセンテージを使用するfont-sizeとうまくいくと思いましたが、テキストのビットは親divに応じてスケーリングされません。ここに私が持っているものがあります： 親divのCSS： .textField{ background-color:rgba(88, 88, 88, 0.33); width:40%; height:450px; min-width:200px; max-width:525px; z-index:2; } 問題のテキストのCSS： .subText{ position:relative; top:-55px; left:15px; font-family:"news_gothic"; font-size:1.3vw; font-size-adjust:auto; width:90%; color:white; z-index:1; } 私はかなり長い間インターネットで検索しましたが、役に立ちませんでした。
99 html  css  fonts  font-size 
7
GmailのHTMLメールのスタイル
内部スタイルシートを使用するHTMLメールを生成しています。 &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;style type="text/css"&gt; h2.foo {color: red} &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;h2 class="foo"&gt;Email content here&lt;/foo&gt; &lt;/body&gt; &lt;/html&gt; Gmailで表示すると、内部スタイルシートのすべてのスタイルが無視されているようです。Gmailはインラインルール以外のすべてのスタイルを無視しているようです。 &lt;h2 style="color: red"&gt;Email content here&lt;/foo&gt; これは、Gmailで表示したときにHTMLメールをスタイルするための唯一のオプションですか？
99 html  css  gmail  html-email 
8
CSSを使用して背景を暗くする方法は？
テキストが含まれている要素があります。不透明度を下げるたびに、WHOLEボディの不透明度を下げます。background-image他のすべてではなく、単に暗くする方法はありますか？ background-image:url('http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png');
99 html  css  opacity 
9
CSSテーブルレイアウト：テーブル行がマージンを受け入れないのはなぜですか？
.container { width: 850px; padding: 0; display: table; margin-left: auto; margin-right: auto; } .row { display: table-row; margin-bottom: 30px; /* HERE */ } .home_1 { width: 64px; height: 64px; padding-right: 20px; margin-right: 10px; display: table-cell; } .home_2 { width: 350px; height: 64px; padding: 0px; vertical-align: middle; font-size: 150%; display: table-cell; …
99 html  css 
29
Font awesomeにアイコンが表示されない
私はFont Awesomeを使用していますが、HTTPでCSSを追加したくありません。Font Awesomeをダウンロードしてコードに含めましたが、Font Awesomeはアイコンではなく境界線の付いた四角いボックスを表示しています。これが私のコードです： &lt;html&gt; &lt;head&gt; &lt;link rel="stylesheet" href="../css/font-awesome.css"&gt; &lt;link rel="stylesheet" href="../css/font-awesome.min.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;div style="font-size: 44px;"&gt; &lt;i class="fa fa-camera-retro fa-lg"&gt;&lt;/i&gt; fa-lg &lt;i class="fa fa-camera-retro fa-2x"&gt;&lt;/i&gt; fa-2x &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; 四角い枠の代わりにアイコンを表示する方法を教えてください。
99 html  css  font-awesome 
3
シャドールートとは
Google Chromeの開発者ツールで、タグの#shadow-root下に右が表示され&lt;html lang="en"&gt;ます。それは何をし、何に使用しますか？FirefoxでもIEでも表示されません。Chromeでのみ、これは特別な機能ですか？ 私は、それを示して、それを開くと&lt;head&gt;し、&lt;body&gt;かつ横に名前のリンクrevealクリックすることで、それが指す&lt;head&gt;と&lt;body&gt;、何もありません。
19
HTMLテーブルのすべての行を削除する
&lt;th&gt;JavaScriptを使用して、テーブルのすべての行をループせずに、HTMLテーブルのすべての行を削除するにはどうすればよいですか？非常に巨大なテーブルがあり、行をループして削除している間、UIをフリーズしたくない
6
<div>を<td>の高さに合わせる方法
StackOverflowでいくつかの投稿を調べましたが、このかなり単純な質問に対する答えを見つけることができませんでした。 次のようなHTML構成があります。 &lt;table&gt; &lt;tr&gt; &lt;td class="thatSetsABackground"&gt; &lt;div class="thatSetsABackgroundWithAnIcon"&gt; &lt;dl&gt; &lt;dt&gt;yada &lt;/dt&gt; &lt;dd&gt;yada &lt;/dd&gt; &lt;/dl&gt; &lt;div&gt; &lt;/td&gt; &lt;td class="thatSetsABackground"&gt; &lt;div class="thatSetsABackgroundWithAnIcon"&gt; &lt;dl&gt; &lt;dt&gt;yada &lt;/dt&gt; &lt;dd&gt;yada &lt;/dd&gt; &lt;/dl&gt; &lt;div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; がdivの高さを満たすために必要なのはtd、divの背景（アイコン）をの右下隅に配置できるようにするためtdです。 どのように私はそれについて行くことを提案しますか？
99 html  css  html-table 
8
フェッチの進行状況インジケーターをアップロードしますか？
ドキュメントまたはfetchを使用してアップロードの進行状況インジケーターを実装する例を見つけるのに苦労しています。 これは私がこれまでに見つけた唯一のリファレンスであり、次のように述べています。 進行状況イベントは、現時点ではフェッチで到着しない高レベルの機能です。Content-Lengthヘッダーを確認し、パススルーストリームを使用して受信したバイトを監視することにより、独自のものを作成できます。 つまり、Content-Length別の方法なしで明示的に応答を処理できます。そしてもちろん、たとえそれContent-Lengthがあったとしても、それは嘘になる可能性があります。ストリームを使用すると、これらの嘘を好きなように処理できます。 送信された「バイトを監視するためのパススルーストリーム」をどのように記述しますか？それが何らかの違いを生む場合、私はこれを行って、ブラウザからCloudinaryへの画像アップロードを強化しようとしています。 注：私はCloudinary JSライブラリには興味がありません。これは、jQueryに依存しており、私のアプリはそうではないためです。私は、ネイティブJavaScriptとGithubのポリフィルでこれを行うために必要なストリーム処理にのみ興味があります。fetch https://fetch.spec.whatwg.org/#fetch-api
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.