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

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

27
ツールチップ内に改行を追加する
HTMLツールチップ内で改行を追加するにはどうすればよいですか? ツールチップ内で次のように使用<br/>してみました\n: <a href="#" title="Some long text <br/> Second line text \n Third line text">Hover me</a> しかし、これは無用だったと私はリテラルテキスト見ることができた<br/>と\nツールチップの中に。どんな提案も参考になります。
170 html  tooltip  newline 


15
div内の要素にスクロールする方法は?
私はスクロールdivしていて、クリックしたときにリンクを表示したいので、div内部の要素を表示するために強制的にスクロールします。そのJavasSriptを次のように記述しました。 document.getElementById(chr).scrollIntoView(true); しかし、これはdivそれ自体をスクロールしながらすべてのページをスクロールします。それを修正するには? そのように言いたい MyContainerDiv.getElementById(chr).scrollIntoView(true);
170 javascript  html  scroll 

5
ページレイアウトのスペースを維持しながらjQueryの非表示要素
jQueryで要素を非表示にできる方法はありますが、非表示の場合はDOMを変更できませんか?特定の要素を非表示にしていますが、非表示にすると、その下の要素が上に移動します。それが起こらないようにしたい。スペースはそのままにしておきたいが、要素は自由に表示/非表示にしたい。 できますか?
169 jquery  html 

12
大きなテーブルを表示しているときに、HTMLテーブルヘッダーが常にウィンドウの上部に表示される
HTMLテーブルのプレゼンテーションを「微調整」して単一の機能を追加できるようにしたい:ページを下にスクロールして、テーブルは画面上にあるがヘッダー行は画面外にある場合、ヘッダーを残したい表示領域の上部に表示されます。 これは概念的には、Excelの "ウィンドウ枠の固定"機能に似ています。ただし、HTMLページには複数のテーブルが含まれている可能性があり、現在ビュー内にあるテーブルに対してのみ発生し、ビュー内にあるときにのみ発生します。 注:ヘッダーがスクロールしないが、テーブルデータ領域がスクロール可能になる1つの解決策を見ました。それは私が探している解決策ではありません。
169 html  html-table 

5
<p>タグに<div>タグを含めることができないのはなぜですか?
私の知る限り、これは正しいです: &lt;div&gt; &lt;p&gt;some words&lt;/p&gt; &lt;/div&gt; しかし、これは間違っています: &lt;p&gt; &lt;div&gt;some words&lt;/div&gt; &lt;/p&gt; 1つ目はW3Cバリデーター(XHTML 1.0)を渡すことができますが、 2つ目は渡すことができません。私は誰も2番目のようなコードを書かないことを知っています。なぜか知りたいだけです。 そして、他のタグの包含関係はどうですか?
169 html  xhtml 

6
`col-xs- *`がBootstrap 4で機能しない
私はこれに遭遇したことがなく、解決策を見つけるのに非常に苦労しています。ブートストラップの列が中程度の場合、次のようになります。 &lt;h1 class="text-center"&gt;Hello, world!&lt;/h1&gt; &lt;div class="container"&gt; &lt;div class="row"&gt; &lt;div class="col-md-12 text-center"&gt; &lt;h1&gt;vicki williams&lt;/h1&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; text-alignは正常に機能します。 しかし、列を次のように極端に小さくすると、 &lt;div class="container"&gt; &lt;div class="row"&gt; &lt;div class="col-xs-12 text-center"&gt; &lt;h1&gt;vicki williams&lt;/h1&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; その後、text-alignは機能しなくなります。 私が理解していないいくつかのブートストラップの概念はありますか、またはこれは実際に私が思うようなエラーです。私のテキストは常にxsと常に一致しているため、この問題は一度もありませんでした。どんな助けでも大歓迎です。これが私の完全なコードです: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;!-- Required meta tags --&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt; &lt;!-- …


9
HTML5 History API(Pushstate?)を使用するための優れたチュートリアル[終了]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 5年前休業。 この質問を改善する HTML5履歴APIを使用して、AJAXでロードされたコンテンツのディープリンクの問題を解決することを検討していますが、地面を離れるのに苦労しています。良いリソースを知っている人はいますか? これは、リンクがJSをオンにしていない可能性があるリンクが送信される可能性を許容するための優れた方法と思われるため、使用したいと思います。JSを持つ誰かがリンクを持たない誰かにリンクを送信すると、多くの解決策が失敗します。 私の最初の調査では、JS内のHistory APIとpushStateメソッドを指摘しているようです。 http://html5demos.com/history

12
トリガーボタンのクリックを入力してください
2つのボタンのあるページがあります。1つは&lt;button&gt;要素で、もう1つは&lt;input type="submit"&gt;です。ボタンはこの順序でページに表示されます。フォームの任意の場所にあるテキストフィールドでを押す&lt;Enter&gt;と、ボタン要素のclickイベントがトリガーされます。これは、ボタン要素が最初にあるためだと思います。 デフォルトボタンを設定するための信頼できる方法のように見えるものは何も見つかりません。また、この時点では必ずしもそうしたくありません。より良いものがない場合は、フォーム上の任意の場所に&lt;Enter&gt;キーを押したので、それが押されたキーである場合は、単に無効にします。 $('form').keypress( function( e ) { var code = e.keyCode || e.which; if( code === 13 ) { e.preventDefault(); return false; } }) 私の知る限り、これは機能しているように見えますが、信じられないほどハムフィストだと感じています。 これを行うためのより洗練されたテクニックを知っている人はいますか? 同様に、このソリューションに私が気付いていない落とし穴はありますか? ありがとう。
168 javascript  jquery  html  forms  enter 

1
フォントが埋め込まれたSVG画像の正しいMIMEタイプ
これは通常のSVG MIMEタイプです。 image/svg+xml そしてそれは素晴らしい働きをします。ただし、SVGフォントを埋め込むと、chromeでは画像の代わりにフォントが返されるため、MIMEタイプが正しくないことがわかります。 ユニバーサルMIMEタイプはありますか?クロムは間違っていますか?されてapplication/svg+xml何とか受け入れ? これはまだHTML5の灰色の領域だと思いますが、ここの誰かが知っているかもしれません。

14
ng-repeat、ng-show(angular)を使用して動的に作成された入力を検証する方法
ng-repeatを使用して作成されたテーブルがあります。テーブルの各要素に検証を追加したい。問題は、各入力セルの名前がその上下のセルと同じであることです。{{$index}}入力に名前を付けるために値を使用しようとしましたが、HTMLの文字列リテラルは正しく表示されていますが、現在は機能しています。 これが今の私のコードです: &lt;tr ng-repeat="r in model.BSM "&gt; &lt;td&gt; &lt;input ng-model="r.QTY" class="span1" name="QTY{{$index}}" ng-pattern="/^[\d]*\.?[\d]*$/" required/&gt; &lt;span class="alert-error" ng-show="form.QTY{{$index}}.$error.pattern"&gt;&lt;strong&gt;Requires a number.&lt;/strong&gt;&lt;/span&gt; &lt;span class="alert-error" ng-show="form.QTY{{$index}}.$error.required"&gt;&lt;strong&gt;*Required&lt;/strong&gt;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt; {{}}fromインデックスを削除しようとしましたが、それも機能しません。現在、入力の検証プロパティは正しく機能していますが、エラーメッセージは表示されません。 誰か提案がありますか? 編集:以下のすばらしい回答に加えて、この問題をより詳細にカバーするブログ記事があります:http : //www.thebhwgroup.com/blog/2014/08/angularjs-html-form-design-part-2 /

4
disabled属性の正しい値は何ですか?
disabledテキストボックスまたはテキストエリアの属性の正しい値は何ですか? 以前に以下が使用されているのを見ました: &lt;input type="text" disabled /&gt; &lt;input type="text" disabled="disabled" /&gt; &lt;input type="text" disabled="true" /&gt;
167 html  textbox  textarea 

5
HTML5では、メインナビゲーションを<header>要素の内側または外側に配置する必要がありますか?
HTML5では、&lt;nav&gt;ページのマストヘッド&lt;header&gt;要素の内部でも外部でも使用できます 。セカンダリナビゲーションとメインナビゲーションの両方を備えたウェブサイトでは、メインナビゲーションをマストヘッド要素の外側の要素として、セカンダリナビゲーションを&lt;nav&gt;マストヘッド&lt;header&gt;要素内の要素として含めるのが一般的のようです。ただし、ウェブサイトにセカンダリナビゲーションがない場合、マストヘッド要素内の要素にメインナビゲーションを含めるのが一般的です。&lt;nav&gt;&lt;header&gt;&lt;nav&gt;&lt;header&gt; これらの例に従っている場合、私のコンテンツ構造は、2次ナビゲーションの包含または除外に基づいています。これにより、コンテンツとスタイルの結合が導入され、不必要で不自然に感じられます。 &lt;header&gt;セカンダリナビゲーションの包含または除外に基づいて、メインナビゲーションをマストヘッド要素の内側から外側に移動しないようにするためのより良い方法はありますか? メインおよびセカンダリナビゲーションの例 &lt;header&gt; &lt;nav&gt; &lt;!-- Secondary Navigation inside &lt;header&gt; --&gt; &lt;ul&gt; &lt;li&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;h1&gt;Website Title&lt;/h1&gt; &lt;/header&gt; &lt;nav&gt; &lt;!-- Main Navigation outside &lt;header&gt; --&gt; &lt;ul&gt; &lt;li&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; OnlineDegrees.orgは、上記のパターンに従うサンプルサイトです。 メインのみのナビゲーションの例 &lt;header&gt; &lt;h1&gt;Website Title&lt;/h1&gt; &lt;nav&gt; &lt;!-- Main Navigation inside &lt;header&gt; --&gt; &lt;ul&gt; &lt;li&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/header&gt; Keyzo.co.ukは、上記のパターンに従うサンプルサイトです。 HTML5の紹介からの抜粋-02-Feb-11、7:38 …
167 html 

6
JavaScript-innerHTMLなしでコンテナ要素にHTMLを追加
innerHTMLを使用せずにコンテナー要素にHTMLを追加する方法が必要です。innerHTMLを使用したくない理由は、次のように使用しているためです。 element.innerHTML += htmldata 古いHTMLと新しいHTMLを追加する前に、まずすべてのHTMLを置き換えることで機能します。埋め込みフラッシュビデオなどの動的メディアをリセットするため、これは良くありません... 私はこのようにそれを行うことができました: var e = document.createElement('span'); e.innerHTML = htmldata; element.appendChild(e); ただし、その方法の問題は、ドキュメントに余分なスパンタグが存在することです。 これをどのように行うことができますか?ありがとう!

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