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

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

10
Internet Explorer 11は、メタタグを介して「互換性ビューにイントラネットサイトを表示する」機能を無効にします。
以下のhtml5 doctypeとエッジ互換メタタグを使用してInternet Explorerが古いブラウザーバージョンをエミュレートしないように強制している場合、私は6か月以上イントラネットWebサイトで作業しており、これは問題なく動作しました。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>My title</title> <meta http-equiv="X-UA-Compatible" content="IE=EDGE" /> </head> <body> </body> </html> この方法を使用した理由は、作業場所でポリシー設定を使用してすべてのイントラネットサイトの互換表示を有効にしているためです。このEDGE設定を使用したこのアプローチはInternet Explorer 9で機能しました。 1か月以上前にInternet Explorer 11にアップグレードしましたが、サイトはまだ期待どおりに機能していました。 今日、これは期待どおりに機能しなくなったので、はっきりとは言えませんが、互換性ビューを強制するポリシーがIE11で有効にされていなかったと思います...これは有効になっているため、互換性メタタグは無効になりましたこのサイトは、IE8をエミュレートするエンタープライズモードで実行されています。 これを修正し、互換性「エンタープライズモード」が適用されているときにIE11をイントラネットサイトで強制的に使用する方法を知っている人はいますか?とブラウザの設定を介して無効にすることはできませんか? 編集 この回答で説明されているように、私のweb.configにカスタムヘッダーを追加しようとしました https://stackoverflow.com/a/18257208/98706 そしてこれは私のために機能しませんでした私はまだの開発者ツールバーコンソールで以下のメッセージを受け取ります HTML1122: Internet Explorer is running in Enterprise Mode emulating IE8. edgeIE11でこのイントラネット互換性設定が有効になっている場合、バージョン8がとして扱われているようです。 この投稿:https : //www.leapinggorilla.com/Blog/Read/1016/ie-ate-my-css---disabling-compatability-mode はこれをよく説明しています。私はまだコードでこのヘッダーを設定していないので、ユーザーにはブラウザ設定を変更するアクセス権がありません。他の変更はまだ機能していません。 更新 エンタープライズモードと互換モードの違いは重要なので、この投稿に対する私のコメントを参照してください。

5
Requirejs domReadyプラグイン対Jquery $(document).ready()?
私はRequireJSを使用しており、DOM上で何かを初期化する必要があります。現在、RequireJSはdomReadyプラグインを提供していますが、jQueryがすでにあるので、jQuery $(document).ready()が必要になったため、これを利用できます。 だから私は2つのオプションを持っています: domReadyプラグインを使用します。 require(['domReady'], function (domReady) { domReady(function () { // Do my stuff here... }); }); 使用$(document).ready(): $(document).ready(function() { // Do my stuff here... }); どちらを選択する必要がありますか。その理由は何ですか。 どちらのオプションも期待どおりに動作するようです。RequireJSがその魔法をやっているので、jQueryのものには自信がありません。つまり、RequireJSはスクリプトを動的に追加するので、動的に要求されたすべてのスクリプトが読み込まれる前にDOMレディが発生するのではないかと心配しています。一方、RequireJSは、domReadyjQueryがすでに必要な場合にのみ、追加のJSに負担をかけます。 ご質問 domReadyjQueryを使用できるのに、なぜRequireJSがプラグインを提供するの$(document).ready();ですか?別の依存関係を含めることの利点はありません。 ニーズを満たすだけの場合は、クロスブラウザAJAXに提供してみませんか? 私の知る限りでは、必要なモジュールdomReadyは、ドキュメントの準備が整った後にフェッチまたは実行されることはなく、jQueryを必要とする同じことを行うこともできます。 require(['jQuery'], function ($) { $(document).ready(function () { // Do my stuff here... }); }); :私の質問に、より明確にするために必要と違い何domReadyかがjQuery?

5
HTML5 + JavaScriptを使用したプレゼンテーションの基本フレームワーク
この投稿を改善してみませんか?この質問に対する詳細な回答を提供してください。これには、引用や、回答が正しい理由の説明が含まれます。詳細が不十分な回答は編集または削除される場合があります。 HTML5とJavaScriptテクノロジのみを使用してプレゼンテーションを作成するためのフレームワークを知っていますか? さまざまなプレゼンテーションソフトウェア(PowerPointまたはOOoプレゼンテーション)の "エクスポート"機能について話しているのではありません。 この「フレームワーク」で作成されたプレゼンテーションのいくつかの要件: 最新のHTML5機能(オーディオ、ビデオ、キャンバス?)を利用する CSS3と同じ(フォントサポート、グラデーション、シャドウ、トランジション、変換) そのようなものがない場合は、主題に関する優れたプレゼンテーションまたはポインタの例をいただければ幸いです。 編集:良い例であるHTML5-次のレベルへのWeb開発を見つけました。

9
リストアイテムの代替背景色
リストがあり、各アイテムがリンクされています。各アイテムの背景色を変更する方法はありますか? <ul> <li><a href="link">Link 1</a></li> <li><a href="link">Link 2</a></li> <li><a href="link">Link 3</a></li> <li><a href="link">Link 4</a></li> <li><a href="link">Link 5</a></li> </ul>
100 html  css 

14
ブートストラップのページネーションの中央揃え
私はこのコードをページネーションで持っています <div class="pagination"> <ul> <li><a href="?p=0" data-original-title="" title="">1</a></li> <li><a href="?p=1" data-original-title="" title="">2</a></li> </ul> </div> しかし、私ulは整列されたままです。ulWRT を中央に配置する方法はありますdivか? 私が試したmargin: auto autoし、margin :0 auto彼らが、うまくいきませんでした。

30
ブートストラップモーダルは閉じた後も本体にパディング権を追加し続ける
ブートストラップとParseフレームワークを使用して、小さなWebアプリケーションを構築しています。しかし、これらのBootstrapモーダルは、閉じた後、本体にパディング権を追加し続けます。これを解決するには? 私はこのコードを私のJavaScriptに入れようとしました: $('.modal').on('hide.bs.modal', function (e) { $("element.style").css("padding-right","0"); }); しかし、それは機能しません。誰かがこれを修正する方法を知っていますか? 私のコード: <button type="button" class="btn btn-lg btn-default" data-toggle="modal" data-target="#loginModal">Admin panel</button> <div id="loginModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-sm"> <!-- Modal content --> <div class="modal-content"> <!-- header --> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Login</h4> </div> <!-- body --> <div class="modal-body text-center" …

3
Razor MVC3を使用した条件付きHTML属性
変数strCSSClassには値が含まれることがよくありますが、空の場合もあります。 この入力要素のHTMLに空のclass = ""を含めたくありません。つまり、strCSSClassが空の場合、class =属性はまったく必要ありません。 以下は、条件付きHTML属性を実行する1つの方法です。 <input type="text" id="@strElementID" @(CSSClass.IsEmpty() ? "" : "class=" + strCSSClass) /> これを行うよりエレガントな方法はありますか?具体的には、要素の他の部分で使用されているものと同じ構文に従うことができる1つ:class = "@ strCSSClass"?

17
<a href=“”>リンクをボタンのようにする方法は?
私はこのボタンの画像を持っています: &lt;a href=""&gt;some words&lt;/a&gt;リンクをボタンとして表示するシンプルでスタイルを作ることができるかどうか疑問に思っていましたか? 可能であれば、どうすればよいですか?
100 html  css 

4
CSSテーブル列の自動幅
次のように、最後の列をコンテンツに合わせて自動サイズ調整するにはどうすればよいですか?(最後の列は、コンテンツに合わせて幅を自動サイズ設定する必要があります。3つのli要素がある場合と比較して、縮小する必要があるli要素が1つしかない場合など): &lt;table cellspacing="0" cellpadding="0" border="0"&gt; &lt;thead&gt;&lt;!-- universal table heading --&gt; &lt;tr&gt; &lt;td class="tc first"&gt;&lt;input type="checkbox" value="true" name="data-1-check-all" id="data-1-check-all"&gt;&lt;/td&gt; &lt;td class="tc"&gt;Type&lt;/td&gt; &lt;th&gt;File&lt;/th&gt; &lt;th&gt;Sample&lt;/th&gt; &lt;th&gt;Action&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;Division 1&lt;/td&gt; &lt;td&gt;Division 2&lt;/td&gt; &lt;td&gt;Division 3&lt;/td&gt; &lt;td&gt;Division 4&lt;/td&gt; &lt;td&gt;Division 5&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Division 1&lt;/td&gt; &lt;td&gt;Division 2&lt;/td&gt; &lt;td&gt;Division 3&lt;/td&gt; &lt;td&gt;Division 4&lt;/td&gt; &lt;td class="last"&gt; &lt;ul …
100 html  xhtml  css 

5
jQueryはDIVを別のDIVに複製します
DIVを別のDIVにコピーし、これが可能であることを期待して、jqueryの助けが必要です。次のHTMLがあります。 &lt;div class="container"&gt; &lt;div class="button"&gt;&lt;/div&gt; &lt;/div&gt; 次に、ページの別の場所に別のDIVがあり、 'button' divを次の 'package' divにコピーしたいと思います。 &lt;div class="package"&gt; Place 'button' div in here &lt;/div&gt;
100 javascript  jquery  html 


10
チェックボックスをテーブルセルの中央に配置する方法は?
セルにはチェックボックスしかありません。テーブルのヘッダー行にテキストがあるため、幅が広めです。チェックボックスを中央に配置するにはどうすればよいですか(HTMLにインラインCSSを使用していますか(知っています))。 私は試した &lt;td&gt; &lt;input type="checkbox" name="myTextEditBox" value="checked" style="margin-left:auto; margin-right:auto;"&gt; &lt;/td&gt; しかし、それはうまくいきませんでした。何が悪いのですか? 更新:これはテストページです。チェックボックスが列の中央に配置されるように、HTMLのCSSインラインを使用して誰かがそれを修正できますか? &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Alignment test&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;table style="empty-cells:hide; margin-left:auto; margin-right:auto;" border="1" cellpadding="1" cellspacing="1"&gt; &lt;tr&gt; &lt;th&gt;Search?&lt;/th&gt;&lt;th&gt;Field&lt;/th&gt;&lt;th colspan="2"&gt;Search criteria&lt;/th&gt;&lt;th&gt;Include in report?&lt;br&gt;&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;input type="checkbox" name="query_myTextEditBox" style="text-align:center; vertical-align: middle;"&gt; &lt;/td&gt; &lt;td&gt; myTextEditBox …
100 html  css 

6
入力フォームからBase64エンコードファイルデータを取得する
Firebugで調べている情報を取得できる基本的なHTMLフォームがあります。 私の唯一の問題は、サーバーに送信される前にファイルデータをbase64でエンコードしようとしていることです。データベースに保存するには、その形式である必要があります。 &lt;input type="file" id="fileupload" /&gt; そしてJavascript + jQueryで: var file = $('#fileupload').attr("files")[0]; 利用可能なjavascriptに基づいたいくつかの操作があります:.getAsBinary()、. getAsText()、. getAsTextURL ただし、これらはいずれも、使用できない「文字」が含まれているため挿入できる使用可能なテキストを返しません。アップロードしたファイルで「ポストバック」が発生したくないので、特定のオブジェクトをターゲットとする複数のフォームを用意する必要があるため、重要です。この方法でファイルを取得し、JavaScriptを使用します。 広く入手可能なJavascript base64エンコーダの1つを使用できるようにファイルを取得するにはどうすればよいですか? ありがとう 更新-ここから報奨金を開始します。クロスブラウザのサポートが必要です!!! ここに私がいるところがあります: &lt;input type="file" id="fileuploadform" /&gt; &lt;script type="text/javascript"&gt; var uploadformid = 'fileuploadform'; var uploadform = document.getElementById(uploadformid); /* method to fetch and encode specific file here based on different browsers */ …

4
主要な電子メールクライアントソフトウェアでのデータURIサポートとはどのようなものですか?
データURIは、画像やその他のバイナリデータをHTMLに埋め込むための標準的な方法であり、ブラウザのサポートはWeb上で十分に文書化されています。(IE8は、データURIをサポートするIEの最初のバージョンであり、URIあたり最大32 KBのサイズです。他の主要なブラウザーは、それをさらに長くサポートしています。) 私の質問は、デスクトップメールとウェブメールクライアントソフトウェアについてです。 HTML形式の電子メールを作成する場合、標準的な方法では、画像を添付ファイルとして含めるか、外部に読み込みます(つまり、画像の追跡)。これらの両方に欠点があります(一部のクライアントはこれらの添付ファイルをすべてリストしますが、多くは正しく外部画像を表示するためにユーザーのアクションをブロックまたはユーザーに要求します)。したがって、データURIは良い方法のように見えますが、それが電子メールリーダーでサポートされている場合に限られます。 では、この機能のサポートに関する最近の調査へのリンクはありますか?それともこれを調査しましたか?たとえば、CSSサポートの概要は次のとおりです。興味のあるクライアントソフトウェアは次のとおりです。 デスクトップ(バージョン情報を含む):Outlook、Apple Mail、Thunderbird、Evolution、Lotus Notes、AOL、Eudora ウェブメール: Gmail、Live / Hotmail、Yahoo!メール、AOL モバイル: Android、iPhone

14
ブラウザにクリックで画像ファイルをダウンロードさせる
Excelシートをクリックしているときと同じように、ブラウザで画像ファイルをダウンロードする必要があります。 クライアント側のプログラミングのみを使用してこれを行う方法はありますか? &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript" src="Scripts/jquery-1.10.2.js"&gt; $(document).ready(function () { $("*").click(function () { $("p").hide(); }); }); &lt;/script&gt; &lt;/head&gt; &lt;script type="text/javascript"&gt; document.onclick = function (e) { e = e || window.event; var element = e.target || e.srcElement; if (element.innerHTML == "Image") { //someFunction(element.href); var name = element.nameProp; var address …
100 javascript  jquery  html 

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