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

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

3
autofocus =“ autofocus”またはautofocusですか?
以前のバージョンのHTML(HTML5より前)のほとんど(おそらくすべて)の属性は、のような値を持つ必要があったことを思い出しているようreadonly="readonly"です。 これはHTML5とautofocus属性に当てはまりますか?
87 html  autofocus 

1
`rufous-sandbox`と呼ばれるbodyタグに追加された奇妙なiframe
私はローカルのWordPressサイトで作業していますが、何らかの理由でiframe、開始bodyタグの直後に追加され、本文が約20pxドロップダウンします。 グーグルはそれを検索したときに1つの関連する結果しか返さなかった、そして私がそこで読んだことはあまり役に立たなかった。ここで見つけることができます。 WordPressサイトにはプラグインがインストールされてdisplay: none;おらず、に設定しても機能しません。 これがChromeのスクリーンショットです。
87 html  wordpress 

7
JavaScriptコードを<a>に配置するさまざまな方法の違いは何ですか?
JavaScriptコードを&lt;a&gt;タグに入れる次の方法を見てきました。 function DoSomething() { ... return false; } &lt;a href="javascript:;" onClick="return DoSomething();"&gt;link&lt;/a&gt; &lt;a href="javascript:DoSomething();"&gt;link&lt;/a&gt; &lt;a href="javascript:void(0);" onClick="return DoSomething();"&gt;link&lt;/a&gt; &lt;a href="#" onClick="return DoSomething();"&gt;link&lt;/a&gt; ユーザーがJavaScriptを有効にしていない場合に備えて、JavaScriptコードだけでなく有効なURLを配置しようとする考えを理解しています。しかし、この議論の目的のために、私はJavaScriptが有効になっていると仮定する必要があります(JavaScriptがないとログインできません)。 私は個人的にオプション2が好きです。これにより、何が実行されるかを確認できます。特に、関数に渡されるパラメーターがある場所をデバッグするときに役立ちます。私はそれをかなり使用しましたが、ブラウザの問題は見つかりませんでした。 私は人々が4を推薦することを読みました、なぜならそれはユーザーにたどる本当のリンクを与えるからです、しかし実際には、#は「本当」ではありません。それは絶対にどこにも行きません。 ユーザーがJavaScriptを有効にしていることがわかっているときに、サポートされていない、または本当に悪いものはありますか? 関連する質問:JavaScriptリンクのHref:「#」または「javascript:void(0)」?。
87 javascript  html  href 

5
文字列で改行(\ n)を使用し、HTMLで同じものをレンダリングする
私は文字列を言います string display_txt = "1st line text" +"\n" + "2nd line text"; Jqueryで、私は使用しようとしています ('#somediv').html(display_txt).css("color", "green") メッセージが2行で表示されることを非常に明確に期待していますが、代わりに\ nがメッセージに表示されています。そのための簡単な修正はありますか? ありがとう、
87 jquery  html  string  newline 

3
Div垂直スクロールバーショー
通常のバーと同様に、divの垂直バー(スクロールがない場合はグレー表示)を永続的に表示することがどのように可能か疑問に思っています。基本的に私はウェブサイト全体をdiv(gmail / facebookなど)に配置しようとしているので、ページが十分に長くない場合、垂直スクロールバーがないためにページ全体がシフトします。 この問題の解決策が必要です。オーバーフロー-y:scrollを試しました。しかし、それはまったく機能していないようです。
87 html  css 

10
iOSデバイス(モバイルSafari)の入力フィールドでテキストをプログラムで選択する
モバイルSafariを実行しているiPhone、iPadなどのiOSデバイスで入力フィールドのテキストをプログラムでどのように選択しますか? 通常.select()、&lt;input ... /&gt;要素で関数を呼び出すだけで十分ですが、これはそれらのデバイスでは機能しません。カーソルは既存のエントリの最後に置かれ、選択は行われません。

6
nbspの反対は何ですか?
&amp;nbsp;文字は、改行を許さないスペースです。 &lt;p&gt;lorem ipsum here&amp;nbsp;are&amp;nbsp;some&amp;nbsp;words and so on&lt;/p&gt; | lorem ipsum | | here are some words and so | | on | その反対は何ですか?つまり、スペースとしてレンダリングされないが、改行に使用できる文字。 &lt;p&gt;foo supercalifragilisticexpialidocious bar&lt;/p&gt; &lt;!-- put char here ^ and here ^ --&gt; |foo supercalifragi | |listicexpiali | |docious bar | or with wider size: |foo supercalifragilisticexpiali | …

4
HTML、CSSWebページのみをTomcatにデプロイする
私はウェブサイトの開発を始めたばかりです。現時点で私が持っているのは、いくつかのCSSスタイルシートでサポートされているHTMLページだけです。 HTMLページとCSSページからWARファイルを作成できますか?それらをTomcatサーバーにデプロイするにはどうすればよいですか? ありがとう。

7
divが残りの幅を埋めるようにします
Наэтотвопросестьответынаスタックオーバーフローнарусском:事業部。Занятьоставшеесяместо divに残りの幅を埋めさせるにはどうすればよいですか? &lt;div id="Main" style="width: 500px;"&gt; &lt;div id="div1" style="width: 100px;"&gt;&lt;/div&gt; &lt;div id="div2"&gt;&lt;/div&gt; &lt;div id="div3" style="width: 100px; float: right;"&gt;&lt;/div&gt; &lt;/div&gt; どうすればdiv2残りを埋めることができますか?
87 html  css 

4
CSSを使用して要素を前面に移動します
を使用して画像を前面に表示する方法がわかりませんCSS。z-indexを1000に、positionをrelativeに設定しようとしましたが、それでも失敗します。 ここに例があります- #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: 128px; } .content { margin-left: auto; margin-right: auto; table-layout: fixed; border-collapse: collapse; } .td-main { text-align: center; padding: 80px 10px 80px 10px; border: 1px solid #A02422; background: #ABABAB; } …
87 html  css  z-index  jsfiddle 


6
ReactJSは、改行なしのスペースを含む文字列をレンダリングします
&などの文字を含む可能性のある文字列を持つ小道具がいくつかあります。スペースも含まれています。すべてのスペースを&amp;nbsp;。に置き換えたい。 これを行う簡単な方法はありますか?この構文を使用してレンダリングすることはできないことに注意してください。 &lt;div dangerouslySetInnerHTML={{__html: myValue}} /&gt; 最初にHTMLエンティティをマークアップに置き換える必要があるためです。私はこれをする必要はありません、それは低すぎるレベルのようです。 これを行う方法はありますか?
87 html  reactjs 

10
HTML5キャンバスのぼやけたテキストを修正するにはどうすればよいですか?
私は合計n00bでHTML5、canvas形状、色、テキストをレンダリングするために作業しています。私のアプリには、キャンバスを動的に作成し、コンテンツで埋めるビューアダプターがあります。これは、私のテキストが非常にぼやけている/ぼやけている/引き伸ばされていることを除いて、本当にうまく機能します。私が定義する理由についての他の記事をたくさん見てきました幅と高さではCSS、この問題が発生しますが、私はすべてでそれを定義しますjavascript。 関連するコード(フィドルを表示): var width = 500;//FIXME:size.w; var height = 500;//FIXME:size.h; var canvas = document.createElement("canvas"); //canvas.className="singleUserCanvas"; canvas.width=width; canvas.height=height; canvas.border = "3px solid #999999"; canvas.bgcolor = "#999999"; canvas.margin = "(0, 2%, 0, 2%)"; var context = canvas.getContext("2d"); ////////////////// //// SHAPES //// ////////////////// var left = 0; //draw zone 1 rect context.fillStyle = …

7
HTML順序リスト1.1、1.2(ネストされたカウンターとスコープ)が機能しない
ネストされたカウンターとスコープを使用して、順序付きリストを作成します。 ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } &lt;ol&gt; &lt;li&gt;one&lt;/li&gt; &lt;li&gt;two&lt;/li&gt; &lt;ol&gt; &lt;li&gt;two.one&lt;/li&gt; &lt;li&gt;two.two&lt;/li&gt; &lt;li&gt;two.three&lt;/li&gt; &lt;/ol&gt; &lt;li&gt;three&lt;/li&gt; &lt;ol&gt; &lt;li&gt;three.one&lt;/li&gt; &lt;li&gt;three.two&lt;/li&gt; &lt;ol&gt; &lt;li&gt;three.two.one&lt;/li&gt; &lt;li&gt;three.two.two&lt;/li&gt; &lt;/ol&gt; &lt;/ol&gt; &lt;li&gt;four&lt;/li&gt; &lt;/ol&gt; コードスニペットを実行する結果を非表示スニペットを展開 私は次の結果を期待しています: 1. one 2. two 2.1. two.one …
87 html  css  html-lists 

9
何もしない(文字通り何もしない)HTMLリンクを作成する
何もしないリンクが欲しい。私はこれを望んでいません: &lt;a href="#"&gt; URLがsomething.com/whatever/#。になるためです。 リンクが必要な唯一の理由は、ユーザーがテキストをクリックできることを確認できるようにするためです。JavaScriptは何らかのアクションを実行するために使用されているため、リンクをどこにでも移動する必要はありませんが、リンクのように見える必要があります。 いくつかのデータ属性を使用して、CSSに、要素にこの属性がある場合はリンクのように見せるように指示することもできますが、少しやり過ぎのようです。
87 html  css 

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