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

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

19
Twitterブートストラップ3 2列の全高
twitterブートストラップ3で2列のフルハイトレイアウトを作成しようとしています。twitterブートストラップ3はフルハイトレイアウトをサポートしていないようです。私がしたいこと: +-------------------------------------------------+ | Header | +------------+------------------------------------+ | | | | | | |Navigation | Content | | | | | | | | | | | | | | | | | | | +------------+------------------------------------+ コンテンツが増えると、ナビゲーションも増えるはずです。 コンテンツが1行の場合があるため、すべての親の高さ100%は機能しません。 絶対位置は間違っているようです display: tabledisplay:table-cell問題を解決しますが、エレガントではありません html: <div class="container"> <div class="row"> <div class="col-md-3"></div> <div class="col-md-9"></div> </div> …

16
なぜ垂直方向に整列しているのですか?
spanまたはを垂直方向に中央に配置しようとしていますdiv要素を別のdiv要素内でます。しかし、私が置くときvertical-align: middle、何も起こりません。display両方の要素のプロパティを変更しようとしましたが、何も機能しないようです。 これが私のウェブページで現在行っていることです。 .main { height: 72px; vertical-align: middle; border: 1px solid black; padding: 2px; } .inner { vertical-align: middle; border: 1px solid red; } .second { border: 1px solid blue; } <div class="main"> <div class="inner"> This box should be centered in the larger box <div class="second">Another box in here</div> …
246 html  css 

3
CSSコンテンツプロパティ:テキストの代わりにHTMLを挿入することは可能ですか?
CSS contentプロパティに文字列の代わりにHTMLコード:beforeまたは次:afterのような要素を挿入させることが可能かどうか疑問に思っています。 .header:before{ content: '<a href="#top">Back</a>'; } これは非常に便利です... Javascriptを使用して行うこともできますが、CSSを使用すると簡単に生活できます:)

8
ページが読み込まれたときに関数を実行するにはどうすればよいですか?
ページが読み込まれたときに関数を実行したいのですが、<body>タグで使用したくありません。 次のように、で初期化すると実行されるスクリプトがあります<body>。 function codeAddress() { // code } <body onLoad="codeAddress()"> しかし<body onload="codeAddress()">、私はそれなしで実行したいと思っています、そして私は多くのことを試みました、例えばこれ: window.onload = codeAddress; しかし、それは機能していません。 それで、ページが読み込まれたときにどのように実行しますか?
246 javascript  html  onload 

28
Google Chromeフォームの自動入力とその黄色の背景
Google Chromeとそのフォームの自動入力機能のデザインに問題があります。Chromeがログイン/パスワードを覚えている場合、背景色を黄色に変更します。 ここにいくつかのスクリーンショットがあります: その背景を削除する方法、またはこの自動入力を無効にする方法は?


16
HTMLからの横向き印刷
HTMLレポートがあります。列が多いため、横向きに印刷する必要があります。ユーザーがドキュメントの設定を変更する必要なく、これを行う方法はありますか? そして、ブラウザ間のオプションは何ですか。
244 html  css  printing 


15
JavaScriptでDOMデータバインディングを実装する方法
この質問は厳密に教育的なものとして扱ってください。私はまだこれを実装するための新しい答えとアイデアを聞くことに興味があります tl; dr JavaScriptで双方向データバインディングを実装するにはどうすればよいですか? DOMへのデータバインディング DOMへのデータバインディングとは、たとえば、aプロパティを持つJavaScriptオブジェクトを持つことbです。次に、<input>(たとえば)DOM要素があると、DOM要素がa変化すると変化し、逆もまた同様です(つまり、双方向のデータバインディングを意味します)。 これは、これがどのように見えるかについてのAngularJSの図です: だから基本的に私は次のようなJavaScriptを持っています: var a = {b:3}; 次に、次のような入力(または他のフォーム)要素: <input type='text' value=''> 入力の値をa.b(たとえば)の値にしたいのですが、入力テキストが変更さa.bれたときにも変更したいと思います。場合はa.bJavaScriptでの変更は、入力が変化します。 質問 これをプレーンJavaScriptで実現するための基本的なテクニックは何ですか? 具体的には、次のことを参考にしてください。 オブジェクトに対してバインディングはどのように機能しますか? フォームの変更を聞くことはどのように機能しますか? テンプレートレベルでHTMLのみを変更することは簡単な方法で可能ですか?HTMLドキュメント自体のバインディングは追跡せず、JavaScript(DOMイベント、およびJavaScriptが使用されているDOM要素への参照を維持する)でのみ追跡したいと思います。 何を試しましたか? 私は口ひげの大ファンなので、テンプレートに使用してみました。ただし、MustacheはHTMLを文字列として処理するため、データバインディング自体を実行しようとすると問題が発生しました。これについて考えられる唯一の回避策は、HTML文字列(または作成されたDOMツリー)自体を属性で変更することでした。別のテンプレートエンジンを使用してもかまいません。 基本的に、手元の問題を複雑にしていて、簡単な解決策があると強く感じました。 注:外部ライブラリ、特に数千行のコードを使用する回答は提供しないでください。私はAngularJSとKnockoutJSを使用しました(そして好きです!)。私は「フレームワークxを使用する」という形式での回答を本当に望んでいません。理想的には、双方向のデータバインディングを自分で実装する方法を把握するために多くのフレームワークを使用する方法を知らない将来の読者が欲しいです。私は完全な答えを期待しているわけではありませんが、アイデアを理解してもらうためのものです。

1
Html5 data- * with asp.net mvc TextboxFor html属性
data-*TextboxForを使用してHTML属性を追加するにはどうすればよいですか? これは私が現在持っているものです: @Html.TextBoxFor(model => model.Country.CountryName, new { data-url= Url.Action("CountryContains", "Geo") }) ご覧のとおり、-ここで問題が発生していますdata-url。これはどうですか?

7
Webページの読み込みと実行シーケンス?
私はいくつかのWebベースのプロジェクトを実行しましたが、通常のWebページのロードおよび実行シーケンスについてはあまり考えていません。しかし今、私は詳細を知る必要があります。GoogleやSOからの回答を見つけるのは難しいので、この質問を作成しました。 サンプルページは次のようになります。 <html> <head> <script src="jquery.js" type="text/javascript"></script> <script src="abc.js" type="text/javascript"> </script> <link rel="stylesheets" type="text/css" href="abc.css"></link> <style>h2{font-wight:bold;}</style> <script> $(document).ready(function(){ $("#img").attr("src", "kkk.png"); }); </script> </head> <body> <img id="img" src="abc.jpg" style="width:400px;height:300px;"/> <script src="kkk.js" type="text/javascript"></script> </body> </html> だからここに私の質問があります: このページはどのように読み込まれますか? ロードのシーケンスは何ですか? JSコードはいつ実行されますか?(インラインおよび外部) CSSはいつ実行(適用)されますか? $(document).readyはいつ実行されますか? abc.jpgはダウンロードされますか?それともkkk.pngをダウンロードするだけですか? 私は次のことを理解しています。 ブラウザは最初にhtml(DOM)をロードします。 ブラウザは、外部リソースを上から下に1行ずつ読み込み始めます。 a <script>が満たされている場合、読み込みはブロックされ、JSファイルが読み込まれて実行されるまで待機してから続行されます。 その他のリソース(CSS /画像)は並列に読み込まれ、必要に応じて(CSSのように)実行されます。 それとも次のようですか? ブラウザはhtml(DOM)を解析し、外部リソースを配列またはスタックのような構造で取得します。htmlが読み込まれた後、ブラウザは構造内の外部リソースの読み込みを並行して開始し、すべてのリソースが読み込まれるまで実行します。次に、JSに応じて、ユーザーの動作に応じてDOMが変更されます。 あなたがhtmlページの応答を得たときに何が起こるかについて誰かが詳細な説明をすることができますか?これはブラウザによって異なりますか?この質問についての参照はありますか? …
244 javascript  html  css 

6
divのコンテンツをラップしない方法は?
div2つのボタンを含む固定幅があります。ボタンのラベルが長すぎる場合、ボタンは折り返されます。1つのボタンは最初の行にとどまり、次のボタンは隣接するのではなく、その下に続きます。 div両方のボタンが1行に表示されるようにを強制的に拡張するにはどうすればよいですか?
243 html  css 

30
Pythonを使用してHTMLファイルからテキストを抽出する
Pythonを使用してHTMLファイルからテキストを抽出したいと思います。ブラウザーからテキストをコピーしてメモ帳に貼り付けた場合と基本的に同じ出力が必要です。 整形式のHTMLで失敗する可能性がある正規表現を使用するよりも堅牢なものを望みます。多くの人がBeautiful Soupを推奨するのを見てきましたが、それを使用する際にいくつか問題がありました。1つは、JavaScriptソースなどの不要なテキストを取得することです。また、HTMLエンティティは解釈されませんでした。たとえば、私は'を期待します ブラウザのコンテンツをメモ帳に貼り付けたかのように、HTMLソースでテキストのアポストロフィに変換されます。 アップデート html2textは有望に見えます。HTMLエンティティを正しく処理し、JavaScriptを無視します。ただし、プレーンテキストは正確には生成されません。それは、プレーンテキストに変換する必要があるマークダウンを生成します。例やドキュメントはありませんが、コードはきれいに見えます。 関連する質問: HTMLタグをフィルターで除外し、Pythonでエンティティを解決する PythonでXML / HTMLエンティティをUnicode文字列に変換する



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