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

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

4
オフラインWebアプリケーションの画像データの保存（クライアント側のストレージデータベース）
appcachingを使用したオフラインWebアプリケーションがあります。主にPNG画像ファイルで構成される（クライアント側で）保存する約10MB-20MBのデータを提供する必要があります。操作は次のとおりです。 Webアプリケーションをダウンロードしてappcacheにインストール（マニフェストを使用） サーバーPNGデータファイルからのWebアプリリクエスト（方法？-以下の代替案を参照） 時々、Webアプリがサーバーと再同期し、PNGデータベースへの小さな部分的な更新/削除/追加を行います 参考：サーバーはJSON RESTサーバーであり、ピックアップのためにwwwrootにファイルを配置できます これが、バイナリBLOBストレージを処理するクライアントベースの「データベース」の私の現在の分析です 下の更新を見る AppCache（マニフェストを介してすべてのPNGを追加し、オンデマンドで更新します） CON：PNGデータベースアイテムの変更は、マニフェスト内のすべてのアイテムの完全なダウンロードを意味します（本当に悪いニュースです！） WebStorage CON：JSONストレージ用に設計 CON：base64エンコーディングを介してのみblobを格納できます（デエンコーディングのコストのため、おそらく致命的な欠陥） CON：webStorageの5MBのハード制限http://htmlui.com/blog/2011-08-23-5-obscure-facts-about-html5-localstorage.html PhoneGapとSQLLite CON：スポンサーは、認定を必要とするネイティブアプリとしてそれを拒否します ZIPファイル サーバーはzipファイルを作成してwwwrootに配置し、クライアントに通知します ユーザーは手動で解凍し（少なくともそれが私の見方です）、クライアントファイルシステムに保存する必要があります WebアプリはFileSystem APIを使用してファイルを参照します CON：ZIPが大きすぎる（zip64？）、作成に時間がかかる CON：FileSystem APIが常にサンドボックスから読み込めるかどうかわからない（そう思います） USBまたはSDカード（石器時代に戻る...） ユーザーはオフラインになる前にサーバーに対してローカルになります SDカードを挿入し、サーバーにPNGファイルを挿入させます。 次に、ユーザーはそれをラップトップ、タブレットに接続します WebアプリはFileSystem APIを使用してファイルを読み取ります CON：FileSystem APIが常にサンドボックスから読み込めるかどうかわからない（そう思います） WebSQL CON：w3cがそれを放棄した（かなり悪い） IndexedDBとWebSQLをフォールバックとして使用するJavaScriptラッパーを検討するかもしれません FileSystem API Chromeはblobの読み取り/書き込みをサポートします CON：IEとFireFoxについて明確でない（IE10、非標準のmsSaveがある） caniuse.comはIOSとAndroidのサポートを報告しています（ただし、これはJSONのr / wだけですか、それとも書き込み用の完全なblob APIが含まれていますか？ CON：FireFoxの人々はFileSystem APIを嫌い、ブロブの保存をサポートしているかどうかは不明です：https : //hacks.mozilla.org/2012/07/why-no-filesystem-api-in-firefox/ PRO：jsperf http://jsperf.com/indexeddb-vs-localstorage/15（ページ2）によると、BlobのIndexedDBよりはるかに高速 IndexedDB …
8
html5でキャンバスを中央に配置する方法
しばらくの間、解決策を探していましたが、何も見つかりませんでした。たぶんそれは私の検索用語だけかもしれません。さて、私はブラウザウィンドウのサイズに合わせてキャンバスセンターを作成しようとしています。キャンバスは800x600です。また、ウィンドウが800x600未満になると、ウィンドウのサイズも変更されます（ただし、現時点ではそれほど重要ではありません）。
105 html  canvas  css  resize 
7
JavaScriptを使用したHTML要素の挿入
次の構文を使用する場合、属性とイベントの各タイプの回避策を面倒に検索する代わりに、 elem = document.createElement("div"); elem.id = 'myID'; elem.innerHTML = ' my Text ' document.body.insertBefore(elem,document.body.childNodes[0]); HTML要素全体を文字列として宣言する方法はありますか？お気に入り： elem = document.createElement("<div id='myID'> my Text </div>"); document.body.insertBefore(elem,document.body.childNodes[0]);
105 javascript  html 
2
sessionStorageおよびlocalStorageのスコープ
sessionStorageとlocalStorageに関するドキュメントをいくつか読んだのですが、スコープ、ドメイン、特定のページがわかりません。 たとえば、次のページがあるとします。 http://example.com/products.aspx?productID=1 http://example.com/products.aspx?productID=2 http://example.com/services.aspx?serviceID=3 上記の各ページで実行する場合（idvalueがクエリ文字列の値です）： localStorage.setItem('ID',idvalue); 最終的に3つの異なる値が保存されるのですか、それとも値が互いに上書きされるのですか？
12
2つの要素間の接続線の描画[閉じた]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 3か月前に閉鎖。 この質問を改善する 2つ以上の要素を結ぶ線を描くにはどうすればよいですか？HTML / CSS / JavaScript / SVG / Canvasのどの組み合わせでも問題ありません。 あなたの答えがこれらのいずれかをサポートしている場合は、それを言及してください： ドラッグ可能な要素 ドラッグ/編集可能な接続 要素の重複回避 この質問は更新され、多数のバリエーションが統合されました。
6
HTML5タグのPHP DOMDocumentエラー/警告
コード内で属性/値を設定できるようにHTML5コードを解析しようとしましたが、DOMDocument（PHP5.3）は<nav>およびのようなタグをサポートしていないよう<section>です。 これをPHPでHTMLとして解析し、コードを操作する方法はありますか？ 再現するコード： <?php $dom = new DOMDocument(); $dom->loadHTML("<!DOCTYPE HTML> <html><head><title>test</title></head> <body> <nav> <ul> <li>first <li>second </ul> </nav> <section> ... </section> </body> </html>"); エラー 警告：DOMDocument :: loadHTML（）：タグナビゲーションはエンティティでは無効です。行：4 /home/wbkrnl/public_html/new-mvc/1.phpの行17 警告：DOMDocument :: loadHTML（）：タグセクションがエンティティで無効です。行：10 /home/wbkrnl/public_html/new-mvc/1.phpの行17
105 php  html  domdocument 
7
MySQLへの書き込み時にTextAreaからの改行を保持する
textareaを使用して、ユーザーがコメントを入力できるようにしています。ただし、ユーザーが新しい行を入力した場合、新しい行は出力時に表示されません。改行を残す方法はありますか？ 改行を保持する方法はありますか？
105 php  mysql  html 
2
最初の子と最後の子以外のCSSセレクター
非常に高度なウェブサイトを作成しています。私の質問：:first-childおよびを除く他のすべての子を選択することは可能:last-childですか？私は:not()セレクターがあることを知っていますが、括弧内にないセレクターでは機能しません。これは私が持っているものです： #navigation ul li:not(:first-child, :last-child) { background: url(images/UISegmentBarButtonmiddle@2x.png); background-size: contain; }
105 html  css  css-selectors 
6
右ではなく左へのオーバーフロー
overflow:hiddenユーザーが入力するときに電話番号を表示するdivがあります。div内のテキストは右に揃えられ、テキストが左に大きくなるにつれて着信文字が右に追加されます。 ただし、テキストがdivに収まらないほど大きくなると、数字の最後の文字が自動的にトリミングされ、ユーザーは入力した新しい文字を表示できなくなります。 私がしたいことは、divがコンテンツの右端を表示して左側にオーバーフローしているように、左の文字をトリミングすることです。この効果を作成するにはどうすればよいですか？
105 css  html  overflow 
5
コマンドラインHTMLプリティプリンター：乱雑なHTMLを読みやすくする[終了]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 4年前休業。 この質問を改善する 次の要件を満たすHTMLプリティプリンターの推奨事項を探しています。 入力としてHTMLを取り、指定された入力HTMLの適切にフォーマットされた/正しくインデントされた「グラフィック上同等の」バージョンを出力します。 コマンドライン操作をサポートする必要があります。 オープンソースで、Linuxで実行する必要があります。
105 html  pretty-print  tidy 
4
HTMLフォームタグの目的は何ですか
HTMLのformタグの目的がわかりません。 formタグを使わなくても、簡単にあらゆる入力タイプを完全に使用できます。入力をラップするのはほとんど冗長に思えます。 さらに、ajaxを使用してサーバー側のページを呼び出す場合は、jQueryを使用するだけで済みます。唯一の例外は、何らかの理由でフォームタグをアップロードスクリプトで囲む必要があることです。 では、なぜフォームがテキスト入力のような単純なものにまだそれほど広く使用されているのでしょうか？非常に古くて不必要なことのようです。 メリットやニーズがわかりません。多分私は何かが欠けています。
105 javascript  php  jquery  html  forms 
5
target =“ _ blank”およびrel =“ noopener noreferrer”とのリンクはまだ脆弱ですか？
target="_blank"リンクを使用して別のウィンドウで開くときはいつでも、を配置することをお勧めする人がいますrel="noopener noreferrer"。たとえば、Chromeで開発者ツールを使用したり、rel属性を削除したりするのをどのように防ぐのでしょうか。次に、リンクをクリックします... それでも脆弱性を維持する簡単な方法ですか？
105 html 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.