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

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

12
XSLTでHTML5 Doctypeを設定する
XSLTを介してファイルのdoctypeをHTML5 にきれいに設定するにはどうすればよいですか<!DOCTYPE html>（この場合はcollective.xdvを使用） 以下は、私のGoogle fooが見つけた中で最高のものです。 <xsl:output method="html" doctype-public="XSLT-compat" omit-xml-declaration="yes" encoding="UTF-8" indent="yes" /> 生成する： <!DOCTYPE html PUBLIC "XSLT-compat" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
13
JSONオブジェクトをHTML jQueryのデータ属性に格納する
私はこのdata-ような方法でデータをHTMLタグに格納しています。 <td><"button class='delete' data-imagename='"+results[i].name+"'>Delete"</button></td> 次に、次のようなコールバックでデータを取得しています。 $(this).data('imagename'); それはうまくいきます。私が行き詰まっているのは、オブジェクトのプロパティの1つだけではなく、オブジェクトを保存しようとしていることです。私はこれをやろうとしました： <td><button class='delete' data-image='"+results[i]+"'>Delete</button></td> 次に、次のようにnameプロパティにアクセスしようとしました。 var imageObj = $(this).data('image'); console.log('Image name: '+imageObj.name); ログは私に伝えますundefined。だから私はdata-属性に単純な文字列を保存できるようですが、JSONオブジェクトを保存することはできません... 私はまた、この構文のキッドを運なしで使用しようとしました： <div data-foobar='{"foo":"bar"}'></div> data-アプローチを使用してHTMLタグに実際のオブジェクトを格納する方法についてのアイデアはありますか？
134 jquery  html  json 
10
iOS SafariでIFrameを応答可能にする方法は？
問題は、IFrameを使用してコンテンツをWebサイトに挿入する必要がある場合、最新のWebの世界では、IFrameも応答することが期待されていることです。理論的にはそれは単純です。単純にaiderを使用する<iframe width="100%"></iframe>かCSSの幅を設定しますiframe { width: 100%; }が、実際にはそれほど単純ではありませんが、そうすることはできます。 iframeコンテンツが完全にレスポンシブで、内部スクロールバーなしでサイズを変更できる場合、iOS Safariはiframe実際の問題なしにのサイズを変更します。 次のコードを考えた場合： <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=9,10,11" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Iframe Isolation Test</title> <style type="text/css" rel="stylesheet"> #Main { padding: 10px; } </style> </head> <body> <h1>Iframe Isolation Test 13.17</h1> <div id="Main"> <iframe height="950" width="100%" src="Content.html"></iframe> </div> </body> </html> Content.html： <html> <head> …
134 html  css  iframe 
4
絶対位置とオーバーフローを非表示にする
2つのDIVがあり、一方はもう一方に埋め込まれています。外側のDIVが絶対配置されていない場合、絶対配置されている内側のDIVは、外側DIVの非表示のオーバーフローに従いません（例）。 外側のDIVを絶対位置に設定せずに、内側のDIVが外側のDIVのオーバーフローを非表示にする可能性はありますか？また、テーブルTD（例）から「成長」する必要があるため、内部DIVの相対位置はオプションではありません。 他のオプションはありますか？
3
入力フィールドに2つのラベルを付けることはできますか？
メアリーには小さなフォームがあり、そのフィールドにはラベルが付けられていました。 エラーが発生すると、混乱が生じます。 各入力フィールドのラベルを持っています...かなり標準的な出来事です。フォームを検証した後、フォームの上部に、不足している情報や間違っている情報を詳しく説明する、役立つ小さな段落を表示しています。 同じ入力フィールドに2つのラベルを付けることはできますか？1つは適切な形式で、もう1つは検証リマインダーテキストで？これをしてはいけない理由はありますか？
134 html  forms  labels 
7
CSSオーバーフロー-1行のみのテキスト
私はdiv次のCSSスタイルを持っています： width:335px; float:left; overflow:hidden; padding-left:5px; その中にdiv長いテキスト行を挿入すると、改行されてすべてのテキストが表示されます。私が欲しいのは、改行しないテキストを1行だけにすることです。テキストが長い場合、このあふれるテキストを消したい。 高さの設定を考えていましたが、間違いのようです。 多分私がフォントと同じ高さを追加した場合、それは機能し、異なるブラウザで問題を引き起こさないはずですか？ どうやってやるの？
134 html  css  overflow 
13
画面の中央に<div>要素を配置する
配置したい &lt;div&gt;&lt;table&gt;画面サイズに関係なく、画面の中央に（または）要素。言い換えると、「上」と「下」の左側のスペースは等しく、「右側」と「左側」の左側のスペースは等しいはずです。CSSだけでこれを実現したいと思います。 私は以下を試しましたが、うまくいきません： &lt;body&gt; &lt;div style="top:0px; border:1px solid red;"&gt; &lt;table border="1" align="center"&gt; &lt;tr height="100%"&gt; &lt;td height="100%" width="100%" valign="middle" align="center"&gt; We are launching soon! &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;/body&gt; 注：要素（または）がWebサイトと共にスクロールするか どうかは、どちらでも問題ありません。ページが読み込まれたときに中央に配置するだけです。&lt;div&gt;&lt;table&gt;
134 javascript  css  html 
2
CSSのみの石積みレイアウト
私はかなり一般的な石積みレイアウトを実装する必要があります。ただし、いくつかの理由により、JavaScriptを使用したくありません。 パラメーター： すべての要素の幅は同じです 要素の高さがサーバー側では計算できない（画像とさまざまな量のテキスト） 必要な場合は、固定数の列を使用できます これには、最新のブラウザーであるプロパティで機能する簡単な解決策がありcolumn-countます。 そのソリューションの問題は、要素が列に順序付けられていることです。 要素を行に並べる必要がありますが、少なくともおよそ： 私が試したアプローチは機能しません： アイテムの作成display: inline-block：垂直方向のスペースを無駄にします。 アイテムを作るfloat: left：笑、いいえ。 これで、サーバー側のレンダリングを変更して、項目数を列数で割って項目を並べ替えることができますが、これは複雑でエラーが発生しやすい（ブラウザーが項目リストを列に分割する方法に基づいている）ので、可能であればそれを避けるために。 これを可能にするいくつかの新しいflexboxマジックがありますか？
134 html  css  flexbox  css-grid 
21
ビデオの自動再生がSafariおよびChromeデスクトップブラウザーで機能しない
私はかなりの時間を費やして、なぜこのようにビデオが埋め込まれたのかを理解しようとしました： &lt;video height="256" loop autoplay muted controls id="vid"&gt; &lt;source type="video/mp4" src="video_file.mp4"&gt;&lt;/source&gt; &lt;source type="video/ogg" src="video_file.ogg"&gt;&lt;/source&gt; &lt;/video&gt; FireFoxにページが読み込まれると自動的に再生を開始しますが、Webkitベースのブラウザでは自動再生を実行できません。これは一部のランダムなページでのみ発生しました。これまでのところ、原因を見つけることができませんでした。閉じられていないタグや、CMSエディターによって作成された広範なJSが疑われます。
14
HTML5プレースホルダーのCSSパディング
私はすでにこの投稿を見て、プレースホルダーのパディングを変更するためにできることはすべて試しましたが、残念ながら、協力したくないようです。 とにかく、CSSのコードは次のとおりです。（編集：これはsassから生成されたcssです） #search { margin-top: 1px; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; } #search form { position: relative; } #search input { padding: 0 10px 0 29px; color: #555555; border: none; background: url('/images/bg_searchbar.png?1296191141') no-repeat; width: 180px; height: 29px; overflow: hidden; } #search input:hover { color: #00ccff; …
30
Twitter Bootstrap navを隠すクリックで折りたたむ
これはサブメニューのドロップダウンではなく、カテゴリは画像のようにクラスliです。 レスポンシブメニュー（テンプレートは1ページのみ）からカテゴリを選択することで、ナビゲーションの折りたたみを自動的に非表示にしたい。テンプレートにはページが1つしかないため、散歩してナビゲーションとして使用します。私はそれに影響を与えない解決策を探します、これはメニューのHTMLコードです： &lt;!-- NAVBAR ================================================== --&gt; &lt;div class="navbar navbar-fixed-top"&gt; &lt;div class="navbar-inner"&gt; &lt;div class="container"&gt; &lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&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;/a&gt; &lt;a class="brand" href="#"&gt;Carousel Demo&lt;/a&gt; &lt;div class="nav-collapse"&gt; &lt;ul class="nav" &gt; &lt;li class="active"&gt;&lt;a href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#about"&gt;About&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#portfolio"&gt;Portfolio&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#services"&gt;Services&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt; &lt;!-- dropdown --&gt; &lt;/ul&gt; &lt;!-- …
3
JavaScriptにUnicode文字を挿入する
オメガ（Ω）をHTMLページに挿入する必要があります。そのためにHTMLエスケープコードを使用しているので、&amp;#937;Ωを記述して取得できます。私がそれをHTML要素に入れると、それで問題ありません。しかし、それを私のJSに挿入しようとすると、たとえばvar Omega = &amp;#937;、そのコードがJSとして解析され、全体が機能しません。誰もがこれについてどうやって行くか知っていますか？
133 javascript  html  unicode 
9
IFRAMEがトップレベルウィンドウをリダイレクトしないようにする方法
一部のWebサイトには、IFRAMEエンクロージャから「抜け出す」ためのコードがあります。つまり、ページAがIFRAME親ページの内部として読み込まれた場合、PJavaScript Aによって外部ウィンドウがにリダイレクトされAます。 通常、このJavascriptは次のようになります。 &lt;script type="text/javascript"&gt; if (top.location.href != self.location.href) top.location.href = self.location.href; &lt;/script&gt; 私の質問は次のとおりです。親ページの作成P者であり、内部ページの作成者ではないので、このブレイクアウトAを防ぐにはどうすればよいAですか？ PSそれはクロスサイトセキュリティ違反であるはずだと私には思われますが、そうではありません。
133 javascript  html  iframe 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.