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

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

8
JSを使用せずに画像をドラッグまたは選択できないようにする
JavaScriptに頼らずに、Firefoxで画像をドラッグも選択もできないようにする方法を誰かが知っていますか?ささいなことのようですが、ここに問題があります: 1)Firefoxでドラッグして強調表示できます。 <img src="..."> 2)これを追加しますが、ドラッグ中に画像を強調表示することができます: <img src="..." draggable="false"> 3)これを追加して、強調表示の問題を修正しますが、直感に反して、画像は再びドラッグ可能になります。おかしい、わかった!FF 16.0.1の使用 <img src="..." draggable="false" style="-moz-user-select: none;"> では、なぜ「-moz-user-select:none」を追加すると、どういうわけか「draggable = false」が切り捨てられて無効になる理由を知っていますか?もちろん、webkitは期待どおりに動作します。これについてはインターウェブ上には何もありません...これにいくつかの光を当てることができれば素晴らしいと思います。 ありがとう!! 編集: これは、UI要素が誤ってドラッグされないようにし、使いやすさを向上させることです。
132 css  html  firefox  draggable 


9
CSSを使用してHTMLアンカータグをクリック/リンクできないようにすることは可能ですか?
たとえば、私がこれを持っている場合: <a style="" href="page.html">page link</a> リンクをクリックできないようにし、page.htmlに移動しないようにするスタイル属性に使用できるものはありますか? または、アンカータグで「ページリンク」を単にラップしない唯一のオプションですか? 編集:人々がより良いアドバイスを提供できるように、なぜこれをしたいのかを述べたいと思います。開発者が希望するナビゲーションスタイルのタイプを選択できるように、アプリケーションをセットアップしようとしています。 だから、私はリンクのリストを持っています、そして1つは常に現在選択されています、そして他のすべてはそうではありません。選択されていないリンクについては、通常のクリック可能なアンカータグにしたいのは明らかです。しかし、選択されたリンクについては、リンクをクリックしたままにすることを好む人もいれば、クリックできないようにしたい人もいます。 これで、選択したリンクの周りにアンカータグをプログラムでラップしないだけで簡単にできます。しかし、選択したリンクを次のようなもので常にラップできる場合は、よりエレガントになると思います: <a id="current" href="link.html">link</a> 次に、開発者がCSSを介してリンクスタイルを制御できるようにします。
132 html  css  anchor 

23
ページが更新されたときにフォームの再送信を防ぐ方法(F5 / CTRL + R)
SQLテーブルにテキストを送信する単純なフォームがあります。問題は、ユーザーがテキストを送信した後、ページを更新でき、フォームに再度入力しなくてもデータが再度送信されることです。テキストが送信された後、ユーザーを別のページにリダイレクトすることはできますが、ユーザーに同じページを表示させ続けたいです。 各ユーザーに一意のセッションIDを与え、それを別の値と比較して、私が抱えている問題を解決したことについて何か読んだのを覚えていますが、どこにあるのか忘れてしまいました。
132 php  html  forms  post  form-submit 

4
画像のツールチップ
ツールチップを使用しています。しかし、私はそれを画像タグの上に置きたいのですが、画像の上にマウスを置くとツールチップが機能するはずです。私は試しましたが、イメージタグで動作しません。
132 html  image  tooltip 


9
HTML IMGタグを使用してアスペクト比を維持する方法
アプリケーションの写真を表示するためにHTMLのimgタグを使用しています。高さと幅の両方の属性を64に設定しました。画像の解像度(256x256、1024x768、500x400、205x246など)を64x64として表示する必要があります。しかし、imgタグの高さと幅の属性を64に設定すると、アスペクト比が維持されないため、画像が歪んで見えます。 参考までに、私の正確なコードは次のとおりです。 <img src="Runtime Path to photo" border="1" height="64" width="64">
132 html  css 

2
HTML5はHTMLコメントの標準を変更しますか?
最近、HTML5にコメントする新しい方法があるかもしれません。 代わりに、典型的なの<!-- -->私が読んだコメント複数行、私は思った私は、私のIDEは、正規作られていることに気づい<!div >コメントアウトを。それで私はそれをテストしました、そして驚いたことにChromeはそのタグをコメントアウトしました。これはタグだけをコメントアウトし、divのコンテンツはコメントアウトしなかったため、他のdiv <!/div>を閉じないように、近くでコメントアウトする必要がありました。 別のタグをテストしたところ、通常、タグの開始記号の前に感嘆符<を付けると、そのタグがコメント化されているようです。 これは実際に新しいですか?それは悪い習慣ですか?それは実際には非常に便利ですが、まだ実用的ですか(新しいものではない場合)? 追加の詳細を編集する: この特定の構文の構文エラーまたは誤解が正当な理由ですが、Chrome がそれらを完全なコメントとして実際にレンダリングするのはなぜですか? コードは次のように書かれています: <!div displayed> some text here that is still displayed <!/div> そしてそれは次のようにレンダリングされます: <!--div displayed--> some text here that is still displayed <!--/div-->
131 html  comments 

4
Firefox Webコンソールが無効になっていますか?
Firefox Webコンソールからこのメッセージが表示されるのはなぜですか このページのスクリプトにより、WebコンソールのログAPI(console.log、console.info、console.warn、console.error)が無効になっています 同じWebページは、Chromeコンソールではメッセージを印刷できますが、Firefoxでは印刷できません。同じWebページを別のコンピューターのFirefoxで開いた(バージョンがわからない)Webコンソールでメッセージを印刷できる。私のFirefoxのバージョンは最新の8.0です。
131 javascript  html  firefox 

11
モバイルWeb HTML5フレームワークの選択[終了]
現在のところ、この質問は、Q&A形式には適していません。事実、参考文献、専門知識によって回答が裏付けられることを期待していますが、この質問は、討論、議論、投票、または拡張ディスカッションを求める可能性があります。この質問が改善され、場合によっては再開できると思われる場合は、ヘルプセンターにアクセスしてください。 8年前に閉鎖。 新しいプロジェクトでは、HTML5をサポートし、モバイル、つまりIPhone、IPadsで動作するフレームワークを探していました。私はこれらを見つけました: 煎茶タッチ Mプロジェクト jQuery Mobile jQTouch チタン NimbleKit ウィンクツールキット 私にとって主なものはHTML5です。私はそれらが提供する機能を検討しましたが、それらの機能がある場合は、それを知りたいだけでした。 探すときにどちらを選ぶべきですか: クイックスタート 良いドキュメント 同様のウェブウェイ開発 モバイルプラットフォームの優れたサポート

3
子がフローティングしているときに親divの高さがゼロになるのはなぜですか
私のCSSには以下があります。すべてのマージン/パディング/ボーダーはグローバルに0にリセットされます。 #wrapper{width: 75%; min-width: 800px;} .content{text-align: justify; float: right; width: 90%;} .lbar{text-align: justify; float: left; width: 10%;} HTMLを次のように書くと <div id="wrapper"> <div class="content"> some text here </div> <div class="lbar"> some text here </div> </div> ページは正しくレンダリングされます。しかし、要素を検査すると、高いdiv#wrapperと表示され0pxます。私はそれが最後まで拡大すると思っていました、div.contentそして、div.lbarなぜこれが起こるのですか? この場合も、ページは正常にレンダリングされます。この行動は私を困惑させるだけです。
131 html  css 


6
iOS11のホーム画面Webアプリでカメラにアクセスする方法
概要 詳細については、WebRTCまたはファイル入力のいずれかを使用して、iOS11(公開リリース)ホーム画面Webアプリからカメラにアクセスすることはできません。ユーザーがカメラに引き続きアクセスするにはどうすればよいですか? https経由でWebアプリページを提供しています。 更新、4月 iOS 11.3の公開リリースで問題が修正されたようで、ファイル入力カメラへのアクセスが再び機能します! 3月の更新 ここの人々が言っ​​たように、アップルのドキュメントはWebアプリのカメラ機能がサービスワーカーと一緒に11.3に戻ることを助言しています。これは良いことですが、11.3GMで完全にテストできるようになるまで、全員に再インストールしてほしいかどうかはまだわかりません。 ソリューション、11月 Appleがこれを修正したいという希望を失い、前進した。iOSの「ホーム画面に追加」機能を削除するようにWebアプリを変更し、影響を受けるユーザーに以前のホーム画面アイコンを削除するように依頼しました。 12月6日更新 iOS 11.2およびiOS 11.1.2は修正されません。 回避策、9月21日 Webアプリの既存の顧客に尋ねることができるようです iOS11にアップグレードしない-幸運を祈る:) iOSカメラで写真を撮り、Webアプリでそれらを選択します 次のiOSベータ版を待つ Safariのブラウザー内ページとして再インストール(ATHSロジックを削除した後) Androidに切り替え ファイル入力 現在の製品コードは、iOS 10以前で何年もうまく機能していたファイル入力を使用しています。iOS11ではSafariタブとして機能しますが、ホーム画面アプリからは機能しません。後者の場合、カメラが開いて黒い画面のみが表示されるため、使用できません。 <meta name="apple-mobile-web-app-capable" content="yes"> ... <input type="file" accept="image/*"> WebRTC iOS11上のSafari 11は、素晴らしいWebRTCメディアキャプチャを提供します。 ここにリンクされているサンプルコードに従ってnavigator.mediaDevices.getUserMediaを使用して、デスクトップとモバイルの通常のWebページでキャンバスにカメラ画像をキャプチャできます。 iPadやiPhoneのホーム画面にページを追加するnavigator.mediaDevicesとundefined、使用できなくなります。 <meta name="apple-mobile-web-app-capable" content="yes"> ... // for some reason safari on mac can debug ios …

5
Aタグに幅と高さを設定する
アンカータグの幅と高さをピクセル単位で設定できますか?アンカータグ内にテキストを保持しながら背景画像を配置したいのですが。 li { width: 32px; height: 32px; background-color: orange; } li a { width: 32px; height: 32px; background-color: red; } <li><a href="#">Something</a></li> コードスニペットを実行する結果を非表示スニペットを展開
131 html  css  cross-browser 

8
部分的なハンドルバーを介して変数を渡す
私は現在、express.jsアプリケーションでhandlebars.jsを扱っています。モジュール化を維持するために、すべてのテンプレートをパーシャルに分割しました。 私の問題:部分的な呼び出しで変数を渡す方法が見つかりませんでした。次のようなパーシャルがあるとしましょう: <div id=myPartial> <h1>Headline<h1> <p>Lorem ipsum</p> </div> このパーシャルを「myPartial」という名前で登録したとしましょう。別のテンプレートでは、次のように言うことができます: <section> {{> myPartial}} </section> これは正常に機能し、パーシャルは期待どおりにレンダリングされ、私は幸せな開発者です。しかし、今必要なのは、この呼び出しを通じてさまざまな変数を渡し、たとえば、見出しが指定されているかどうかをパーシャル内でチェックする方法です。何かのようなもの: <div id=myPartial> {{#if headline}} <h1>{{headline}}</h1> {{/if}} <p>Lorem Ipsum</p> </div> そして、呼び出しは次のようになります。 <section> {{> myPartial|'headline':'Headline'}} </section> とか、ぐらい。 テンプレートをレンダリングする前に、必要なすべてのデータを定義できることはわかっています。しかし、私は説明したようにそれを行う方法が必要です。可能な方法はありますか?

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