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

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

16
2行のテキストオーバーフローの省略記号
CSSルールの組み合わせを使用して、オーバーフロー(親の境界から抜け出す)のタイミングでテキストを省略記号(...)で終了できることを知っています。 同じ効果を達成することはできますが(簡単に言ってもかまいません)、テキストを複数行で折り返すことはできますか? こちらがデモです。 div { width: 300px; height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ご覧のように、テキストはdivの幅よりも広くなると省略記号で終わります。ただし、テキストを2行目に折り返すための十分なスペースがまだあります。これはwhite-space: nowrap、省略記号が機能するために必要なによって中断されます。 何か案は? PS:JSソリューションはありません、可能な場合は純粋なCSS。
117 html  css 

30
HTML 5 <video>タグとFlashビデオ。長所と短所は何ですか?
重要な更新 この質問は9年以上前に行われました。それはそれで意味がありました、それは今それをしません。フラッシュはその道のりが難しい。&lt;video&gt;モバイルデバイスを含め、サポートはユビキタスです。Flashでできることはほとんど何でも、HTMLでもできるようになりました。HTMLは勝ち、Flashは負けました。ページにビデオを埋め込む方法について考えている場合は、使用してください&lt;video&gt;。この質問は、歴史的価値のためにのみ保存されます。 元の質問 &lt;video&gt;特にFirefoxがサポートするようになったため、最近では新しいタグが大流行しているようです。このニュースは随所にブログで取り上げられており、誰もが興奮しているようです。しかし、どうですか? 検索したところ、古き良きFlashビデオよりも優れているものは見つかりませんでした。実際、私はそれに関する問題だけを見ています: すべてのブラウザがサポートを開始するまでにはまだ時間がかかり、ほとんどの人がアップグレードするまでにはさらに時間がかかります。 Flashはすでに利用可能であり、誰もがそれを持っています。 Flashを、再生を制御するために好きなUIと組み合わせることができます。タグも(おそらくJavaScriptを介して)制御可能であると収集しましたが、フルスクリーンで表示できますか? &lt;video&gt;私が見ることができるタグの2つの長所は次のとおりです。 それはより「セマンティック」です-私を含む多くの人々にとっておそらくそれは重要ではありません。 単一の商用サードパーティエンティティ(Adobe)に依存していません。これは、無料のプレーヤーとビデオコンバーターがすでに利用可能であり、Adobeがプロセス全体を妨害しているわけではないため、切り替える必要のある理由として私は見ていません。 (それは彼らの利益にもなりません)。 だから…大したことは何ですか? 追加: よし、もう1つProがある…多分。モバイルデバイスのサポート。言うのは難しいです。主題について多くの考えが私の頭の中を駆け巡ります: とにかく、フラッシュなど、まともな速度でビデオをデコードできるモバイルデバイスはいくつありますか。 主流のモバイルデバイスが&lt;video&gt;サポートを受けるまでの期間 アップデートで入手できたとしても、実際に何人でやっているのでしょうか? 携帯電話のウェブページで動画を視聴する人は何人ですか? セマンティクスの部分については、検索エンジンで動画をより適切に検出できる可能性があることは理解していますが、とにかく彼らはどう処理するのでしょうか?OK、彼らはページにビデオがあることを知っています。そして?動画をインデックスに登録することはできません。ここでもう少し議論をお願いします。 追加: 別の短所を考えただけです。これにより、ブラウザ間の非互換性というまったく新しい領域が開かれます。HTMLとCSSは、この面ではすでにかなり厄介です。少なくともフラッシュはどこでも同じです。しかし、少なくとも1つの主要なブラウザベンダーが&lt;video&gt;タグに反対することで十分です(誰でも「Internet Explorer」と言うことができますか?)。 追加: プロが登場しました。競争の激化=イノベーションの増加。それは本当だ。アドビにさらなる競争を与えることは、おそらくこれまで足りなかった領域でFlashを改善することを強制するでしょう。多くの人が引用するように、LinuxはLinuxの弱点のようです。
116 flash  video  html 

15
JavaScriptを使用してHTMLのtextAreaにmaxlengthを課す方法
私が書いた場合に使用できるいくつかの機能が欲しい &lt;textarea maxlength="50"&gt;&lt;/textarea&gt; &lt;textarea maxlength="150"&gt;&lt;/textarea&gt; &lt;textarea maxlength="250"&gt;&lt;/textarea&gt; これは自動的にtextAreaにmaxlengthを課します。可能であれば、jQueryでソリューションを提供しないでください。 注:これは、次のような場合に実行できます。 &lt;textarea onkeypress="return imposeMaxLength(event, this, 110);" rows="4" cols="50"&gt; function imposeMaxLength(Event, Object, MaxLen) { return (Object.value.length &lt;= MaxLen)||(Event.keyCode == 8 ||Event.keyCode==46||(Event.keyCode&gt;=35&amp;&amp;Event.keyCode&lt;=40)) } コピーしたHTMLのtextarea上のHTMLの入力「MAXLENGTH」属性をエミュレートするための最良の方法は何ですか? しかし重要なのは、textAreaを宣言するたびにonKeyPressとonKeyUpを記述したくないということです。

6
CSS not equalsセレクターはありますか?
CSSに!=(等しくない)のようなものはありますか?たとえば、次のコードがあります。 input { ... ... } しかし、いくつかの入力については、これを無効にする必要があります。クラス「リセット」を入力タグに追加することでそれを行いたい、例えば &lt;input class="reset" ... /&gt; そして、CSSからこのタグをスキップするだけです。 どうすればできますか? 私が見ることができる唯一の方法は、入力タグにクラスを追加して、CSSを次のように書き直すことです。 input.mod { ... ... }
116 html  css  css-selectors 

19
優れた視覚的なHTML5エディタまたはIDEはありますか?[閉まっている]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 5年前休業。 この質問を改善する まあそれは、Dreamweaver CS5がさらに数年(実際には数週間)HTML5をスムーズにしようとするようです。次のラングダウンはメモ帳の権利のようです! 誰もがビジュアル/プレビュー/スタイル重視の優れたHTML5エディターを知っていますか? プラグイン付きのEclipse? (市場はすぐに物乞いをするようです。) ありがとう ...ところで。「ブラウザがサポートされていない」、「まだ完了していない」などを知っています。それは私たちの問題ではありません。私たちはSafariのみのWebサイトとiPhone iAdの唯一の制作を行っています...そのため、実装で何が機能するかを知っています。(ちなみに私たちはほとんどがWindowsです)
116 ide  editor  html  html-editor 


4
アップロードする前に画像のプレビューを表示する
私のHTMLフォームでは、たとえばfileタイプのファイルを入力しています。 &lt;input type="file" multiple&gt; 次に、その入力ボタンをクリックして複数のファイルを選択しています。フォームを送信する前に、選択した画像のプレビューを表示したいと思います。HTML 5でそれを行う方法

5
入力値をキャッシュ/保存しないようブラウザに指示するページを作成します
ほとんどのブラウザはフォーム入力値をキャッシュします。したがって、ユーザーがページを更新すると、入力の値は同じになります。 これが私の問題です。ユーザーが[ 保存]をクリックすると、サーバーはPOSTされたデータ(チェックされた製品など)を検証し、無効な場合はブラウザーに送信します。ただし、上記のように、サーバーが一部の値の選択をクリアした場合でも、ブラウザーのキャッシュのためにそれらの値が選択されている可能性があります。 データには(親アイテムが選択されるまで)非表示のチェックボックスがあるため、ユーザーは、[ 保存 ]を再度クリックしてエラーメッセージが表示されるまで、以前の値がまだ選択されていることに気付かない場合があります。イライラする。 これはCtrl+ を実行することで解決できますF5が、それも解決策ではありません。フォーム/ページのフォーム入力データをキャッシュしないようにブラウザに指示する自動/プログラム的な方法はありますか?


16
テスト目的でブラウザーでCSSを無効にする方法
ブラウザ(Firefox、Chrome ...)ですべての外部CSSを無効にできる方法はありますか? 低速のインターネット接続を使用している場合、CSS情報なしでブラウザによってHTMLのみが読み込まれることがあります。ページが画面上にそのまま配置されているようです。StackOverflowでもこれに気づいたでしょう。 CSSファイルがロードされていない場合でも、私のWebページが正常に表示されることを確認したいと思います。 外部CSSをインラインに変換したいという意味ではありませんでした。しかし、ブラウザからすべてのCSSを明示的に無効にして、要素をより読みやすい方法で再配置できる方法が必要です。 &lt;link rel = 'stylesheet'&gt;エントリを削除できることはわかっていますが、リンクされたページが多数ある場合はどうなりますか?
116 html  css  browser 

20
CSS:img:hoverの画像ソースを変更
で&lt;img&gt;ソースURL を変更する必要がありますhover。 私はこれを試しましたが、うまくいきません: HTML &lt;img id="my-img" src="http://dummyimage.com/100x100/000/fff"/&gt; CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle 任意の助けいただければ幸いです。 更新: これはWebkit / Google Chromeでのみ機能します。
116 html  css 



5
PHPエラーを解決する方法 '通知:配列から文字列への変換…
エコーしようとするPHPファイル$_POSTがあり、エラーが発生します。コードは次のとおりです。 echo "&lt;html&gt;"; echo "&lt;body&gt;"; for($i=0; $i&lt;5;$i++){ echo "&lt;input name='C[]' value='$Texting[$i]' " . "style='background-color:#D0A9F5;'&gt;&lt;/input&gt;"; } echo "&lt;/body&gt;"; echo "&lt;/html&gt;"; echo '&lt;input type="submit" value="Save The Table" name="G"&gt;&lt;/input&gt;' POSTをエコーするコードは次のとおりです。 if(!empty($_POST['G'])){ echo $_POST['C']; } しかし、コードを実行すると、次のようなエラーが発生します。 Notice: Array to string conversion in C:\xampp\htdocs\PHIS\FinalSubmissionOfTheFormPHP.php on line 8 このエラーの意味と修正方法を教えてください。
116 php  html 

8
HTMLボタンがページをリロードしないようにする方法
ボタン(&lt;input type="submit"&gt;)があります。クリックするとページがリロードされます。hide()ページの読み込み時に呼び出されるいくつかのjQuery 関数があるため、これらの要素が再び非表示になります。ボタンに何もさせないようにするには、ボタンをクリックしたときに発生するアクションを追加しますが、ページをリロードしません。

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