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

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

4
<a>（アンカータグ）をhref属性なしで使用できますか？
私はTwitter Bootstrapを使用してサイトを構築してきました。その機能の多くは、&lt;a&gt;JavaScriptを実行するだけの場合でも、でのラップに依存しています。href="#"Bootstrapのドキュメントで推奨されている戦術に問題があったため、別の解決策を見つけようとしました。 ただし、href属性を完全に削除してみました。私はを使用しており&lt;a class='bunch of classes' data-whatever='data'&gt;、残りはJavascriptで処理します。そしてそれは機能します。 それでも、私がこれをしてはいけないことを何かが教えてくれています。正しい？つまり、技術的に&lt;a&gt;は何かへのリンクであることになっていますが、これが問題である理由は完全にはわかりません。またはそれは？
16
ブラウザは400px未満に拡大縮小しませんか？
私は流動的なスタイルシートを組み立てる作業をしていて、それは素晴らしい働きをします。私が気づいたことの1つは、Chromeのブラウザウィンドウが400px未満にサイズ変更されず、そのままスタックし、FFで縮小すると、約400pxで停止して水平スクロールバーがポップアップすることです。 私の携帯電話でサイトを開くと、320px前後で完璧に見えるので、400px未満のスケールになることはわかっています。 これがブラウザ/デスクトップのことなのか、CSS以外のものを見る必要があるのか​​を誰かが知っているのかどうか知りたいと思いました。min-width宣言がないので、何が原因かわかりません。 再びデスクトップでは、それは約400pxの最小幅に縮小して停止しますが、私の電話でそれを開くと、それは約320pxの電話画面のサイズに拡大縮小します...デスクトップでは320pxに縮小しません。 -edit-また、これが問題かどうかはわかりませんが、Operaではほとんど何にも縮小できません...したがって、ChromeやFFではなく、Operaで動作します...アイデアはありますか？
5
NW.js、Brackets-Shell、Electronの機能の違いは何ですか？
TideSDKは事実上機能しなくなったので、HTML / CSS / JSアプリケーションをスタンドアロンのデスクトップアプリケーションとして実行するための代替 'ラッパー'を検討してきました。これまでに実行した3つの実行可能なオプションは、NW.js（以前のnode-webkit）、brackets -shell、およびElectron（以前のatom-shell）です。 問題は、機能セット、互換性などに関して、3つの間に十分に完全な比較が存在しないように見えることです。 3つ、特に次の点について： プラットフォームサポート ; オペレーティングシステム、依存関係など HTML5、CSS3、およびJavaScriptに関する限り、言語機能のサポート。以下のようなものだと思う「と、そうならば、どのようなコーデックが利用できるHTML5のビデオ作品ですん？」 トレイアイコン、ポップアップ通知、OSレンダリングメニューバーなどの非標準の追加機能。 拡張性 ; 例えば。ネイティブコードを「プラグイン」する機能、Node.jsと通信する機能など。 建築 ; 特に、開発者としての日常の使用に影響するアーキテクチャの違い。 デバッグ ; 含まれている開発ツールnode-inspector、などの一般的に使用されるツールとの互換性など ... 等々。 アプリケーション開発者として両者の間で選択を行う際に重要となる客観的、技術的な違いは何ですか？
8
Twitterブートストラップドロップダウンが画面の外に出る
Twitterブートストラップドロップダウンメニューを実装したいのですが、これが私のコードです。 &lt;span class="dropdown"&gt; &lt;a href="#menu1" class="dropdown-toggle" data-toggle="dropdown" &gt;&lt;img class="left" src="/static/img/topmenu_preferences.png" /&gt;&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt; &lt;ul class="dropdown-menu"&gt; &lt;li&gt;&lt;a href="#"&gt;a&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;b&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;c&lt;/a&gt;&lt;/li&gt; &lt;li class="divider"&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;d&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; ドロップダウンは適切に機能し、ドロップダウンは画面の右端の隣に配置されます。ドロップダウントグルをクリックすると、リストが画面の外に出ます。次のような画面になります。 どうすれば修正できますか？
6
Googleチャートからパディングまたはマージンを削除する
// Load the Visualization API and the piechart package. google.load('visualization', '1.0', {'packages':['corechart']}); // Set a callback to run when the Google Visualization API is loaded. google.setOnLoadCallback(drawChart); // Callback that creates and populates a data table, // instantiates the pie chart, passes in the data and // draws it. function drawChart() …
5
このスパンをdivの右側に揃える方法は？
次のHTMLがあります。 &lt;div class="title"&gt; &lt;span&gt;Cumulative performance&lt;/span&gt; &lt;span&gt;20/02/2011&lt;/span&gt; &lt;/div&gt; このCSSで： .title { display: block; border-top: 4px solid #a7a59b; background-color: #f6e9d9; height: 22px; line-height: 22px; padding: 4px 6px; font-size: 14px; color: #000; margin-bottom: 13px; clear:both; } このjsFiddleを確認すると：http ://jsfiddle.net/8JwhZ/ 名前と日付がくっついていることがわかります。日付を右に揃える方法はありますか？私はfloat: right;2番目を試しました&lt;span&gt;が、それはスタイルを台無しにし、日付を囲んでいるdivの外に押し出します
151 html  css 
9
CSSでWebページ全体をスケーリングするにはどうすればよいですか？
Firefoxを使用すると、を押すだけでWebページ全体を拡大できますCTRL +。これにより、Webページ全体（フォント、画像など）が比例して拡大されます。 CSSを使用して同じ機能を複製するにはどうすればよいですか？ 次のようなものはありますかpage-size: 150%（これにより、ページ全体がx％増加しますか？）
151 html  css  resize 
12
ボタンをクリックするだけでPHP関数を呼び出す方法
「送信」と「挿入」の 2つのボタンを含むfunctioncalling.phpというページを作成しました。PHPの初心者として、ボタンがクリックされたときに実行される関数をテストしたいと思います。出力を同じページにしたい。そこで、ボタンごとに1つずつ、2つの関数を作成しました。functioncalling.phpのソースコードは次のとおりです。 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html&gt; &lt;body&gt; &lt;form action="functioncalling.php"&gt; &lt;input type="text" name="txt" /&gt; &lt;input type="submit" name="insert" value="insert" onclick="insert()" /&gt; &lt;input type="submit" name="select" value="select" onclick="select()" /&gt; &lt;/form&gt; &lt;?php function select(){ echo "The select function is called."; } function insert(){ echo "The insert function is called."; } …
151 php  html  forms  button 
2
ローカルのHTML5 DB（WebSQLストレージ、SQLite）をサーバーと同期する最良の方法（2方向同期）[終了]
現在のところ、この質問は、Q＆A形式には適していません。私たちは回答が事実、参考文献、専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問が改善され、場合によっては再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 ローカルデータベース（html5 webstorageを使用）を備えたモバイルWebアプリケーション（iPhoneおよびAndroid用）を開発しているため、ユーザーがオフラインのときもアプリを使用できます。 これは完全に機能していますが、ローカルデータをサーバーに保存したいと考えています。そのため、ローカルDBをサーバー上のDBと同期する必要があります。同期は一方向にしかできませんが、将来的には双方向で同期したいと思います（サーバー&lt;-&gt;ローカルDB）。 この要件は非常に一般的であるように見えます（またはモバイルWebアプリでは将来的に一般的になるでしょう）が、それを行うライブラリーを見つけることができません。 私はグーグルが彼らのモバイルウェブアプリ（例えばGmail）でそれをしていることを知っています、そして私はWSPLプロジェクトがグーグルプロジェクトであるのにダウンロードするソースがないことを見つけました。 解決策が見つからない場合は、ライブラリを作成してそれを行います。一方向の同期は難しくないように見えますが、他の解決策はあるのでしょうか。
6
divのスクロールバーを必要な場合にのみ表示するにはどうすればよいですか？
私はこのdivを持っています： &lt;div style='overflow:scroll; width:400px;height:400px;'&gt;here is some text&lt;/div&gt; テキストがオーバーフローしていなくても、スクロールバーは常に表示されています。スクロールバーを必要なときだけ表示するようにしたい-つまり、ボックスに十分なテキストがあり、必要なときにだけ表示する。textareaのように。どうすればよいですか？それとも、divのように見えるようにテキストエリアをスタイルする唯一のオプションですか？
151 css  html  scrollbar 
7
HTML5キャンバス100％幅ビューポートの高さ？
ビューポートの幅と高さの100％を占めるキャンバス要素を作成しようとしています。 あなたは私の例で見ることができ、ここでしかし、それはChromeとFirefoxの両方にスクロールバーを追加して、発生しています。余分なスクロールバーを防ぎ、ウィンドウの幅と高さをキャンバスのサイズに正確に指定するにはどうすればよいですか？
151 jquery  html  canvas  viewport 
18
jQueryでiframeをリロードする
ページに2つのiframeがあり、一方が他方に変更を加えましたが、もう一方のiframeは更新するまで変更を表示しません。このiframeをjQueryで簡単に更新する方法はありますか？ &lt;div class="project"&gt; &lt;iframe id="currentElement" class="myframe" name="myframe" src="http://somesite.com/something/new"&gt;&lt;/iframe&gt; &lt;/div&gt;
9
javascript / jQueryを使用してdata- *属性のリストを取得する
0個以上のdata-*属性を持つ任意のHTML要素が与えられた場合、データのキーと値のペアのリストを取得するにはどうすればよいでしょうか。 例えばこれを与えられた： &lt;div id='prod' data-id='10' data-cat='toy' data-cid='42'&gt;blah&lt;/div&gt; これをプログラムで取得できるようにしたいと思います。 { "id":10, "cat":"toy", "cid":42 } jQuery（v1.4.3）を使用する$.data()場合、キーが事前にわかっていれば、データの個々のビットへのアクセスは簡単ですが、任意のデータセットを使用してこれを行う方法は明らかではありません。 「単純な」jQueryソリューションが存在する場合はそれを探していますが、それ以外の場合は低レベルのアプローチを気にしません。解析しようと試みました$('#prod').attributesが、javascript-fuの欠如は私を失望させています。 更新 カスタムデータは必要なことを行います。ただし、jQueryプラグインをその機能の一部にのみ含めることは、やり過ぎのように思えました。 ソースを目視することで、自分のコードを修正することができました（そして、javascript-fuを改善しました）。 これが私が思いついた解決策です： function getDataAttributes(node) { var d = {}, re_dataAttr = /^data\-(.+)$/; $.each(node.get(0).attributes, function(index, attr) { if (re_dataAttr.test(attr.nodeName)) { var key = attr.nodeName.match(re_dataAttr)[1]; d[key] = attr.nodeValue; } }); return d; } アップデート2 受け入れられた回答で示されているように、ソリューションはjQuery（&gt; …
6
ブラウザ経由のカメラアクセス
私たちはモバイル用のHTML5 Webサイトを作成しており、ネイティブアプリではなく、Webブラウザーを介してカメラにアクセスする必要があります。iOSでこれを機能させるのに問題があります。誰かがこれの解決策を知っていますか？
150 ios  html  camera 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.