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

H1タグ内でスパンタグを使用するのは適切な方法ですか？ <h1> <span class="boardit">Portfolio</span> </h1> コードスニペットを実行する結果を非表示スニペットを展開 私はこの方法でそれを書くことができることを知っています...そして私自身のウェブサイトでも以下の構文に従っています。 <h1 class="boardit"> <span>Portfolio</span> </h1> コードスニペットを実行する結果を非表示スニペットを展開 しかし、htmlのよりすっきりした形式を知りたかっただけです。

96 html 

ここには2つのdivがあります。 <div style="display:table-cell" id="div1"> content </div> <div style="display:table-cell" id="div2"> content </div> これらの2つのdiv（を持つdisplay:table-cell）の間にスペースを作る方法はありますか？

96 html  css  css-tables 

ブラウザウィンドウの中央に固定幅のテーブルを表示したい。今私は <table width="200" align="center"> しかし、Visual Studio 2008はこの行に警告を出します： 属性 'align'は古いと見なされます。新しい構成をお勧めします。 同じレイアウトを取得するには、どのCSSスタイルをテーブルに適用する必要がありますか？

96 html  css  alignment  css-tables 

以下のように表示されるCSSフレックスボックスレイアウトを使用しました。 画面が小さくなると、次のようになります。 問題は、元の画像からのアスペクト比を維持しながら、画像のサイズが変更されないことです。 純粋なCSSとフレックスボックスレイアウトを使用して、画面が小さくなった場合に画像のサイズを変更することはできますか？ これが私のhtmlです： <div class="content"> <div class="row"> <div class="cell"> <img src="http://i.imgur.com/OUla6mK.jpg"/> </div> <div class="cell"> <img src="http://i.imgur.com/M16WzMd.jpg"/> </div> </div> </div> 私のCSS： .content { background-color: yellow; } .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: …

96 html  css  flexbox 

画像のグループをページ全体に水平に表示したい。各画像の下にいくつかのリンクがあるため、各画像/リンクグループの周りにコンテナを配置する必要があります。 私が欲しいものに最も近いのは、それらをfloat：leftのdivに配置することです。問題は、コンテナーが左ではなく中央に揃うようにすることです。どうすればこれを達成できますか？

96 html  css 

HTML仕様では、IDにピリオド（。）を使用できます。 <img id="some.id" /> ただし、CSS IDセレクタールールを使用しても正しく一致しません。 #some.id { color: #f00; } IDセレクタのCSS仕様では、このケースについては触れられていません。タグ名とクラスセレクターの組み合わせを使用していると思いますか？たとえば、CSSルールは、のようなクラス名を持つa.classNameすべてのアンカータグ（<a>）に適用されます。className<a class="className"></a> ピリオドを含むIDでHTML要素を参照する外部CSSファイルルールを作成することは可能ですか？ CSS仕様ではCSSの「識別子」にピリオドが有効な文字として含まれていないと規定されているため、私はそうは思いません。これは、HTML仕様とCSS仕様の間の根本的な不一致ですか？別のタイプのCSS選択を使用する唯一の選択肢はありますか？これを確認または否定するより賢い人はいますか？ （単純化するために、HTMLのid属性からピリオドを削除しますが、これはシステム生成のIDであるため、この場合は変更することができません。）

96 html  css  css-selectors 

たとえば、ブログの投稿や記事です。 <article> <h1>header<h1> <time>09-02-2011</time> <author>John</author> My article.... </article> しかし、authorタグは存在しません...では、作者が一般的に使用するHTML5タグは何ですか？ありがとう。 （存在しない場合、存在すべきではありませんか？）

96 html  tags  blogs  semantic-markup 

ページ全体がロードされる前に、JavaScriptを少し実行したいと思います。これは可能ですか？または、コードは実行を開始し</html>ますか？

96 javascript  html 

JavaScriptを使用して、HTMLフォームのテキストフィールドにテキストを貼り付ける機能を無効にする方法はありますか？ たとえば、ユーザーがメールを2回入力する必要がある単純な登録フォームがあります。2番目の電子メールエントリは、最初の電子メールエントリにタイプミスがないことを確認するためのものです。ただし、ユーザーがメールをコピー/貼り付けすると目的が達成されず、ユーザーが間違ったメールを入力してコピー/貼り付けしたために問題が発生しています。 多分私は私の質問をはっきりしていませんでしたが、私は人々が彼らのブラウザでテキストをコピーする（または選択をドラッグする）ことを防ぐことを試みていません。ユーザーのエラーを最小限に抑えるために、入力をテキストフィールドに貼り付けないようにするだけです。 おそらく、この「ハック」を使用する代わりに、ここで解決しようとしている問題の中心的な問題に対する別の解決策を提案できますか？私は半ダース未満のユーザーテストを実行しましたが、これはすでに2回発生しています。私の聴衆は、高度なコンピュータ能力を持っていません。

96 javascript  html  copy-paste 

特定のサイズのdivに収まるように画像を取得しようとしています。残念ながら、画像はそれに適合しておらず、代わりに、十分に大きくないサイズに比例して縮小しています。画像を画像の中に収めるにはどうすればよいかわかりません。 これで十分なコードがない場合は、追加で提供させていただきます。見落としているその他のエラーを修正することもできます。 ここにHTMLがあります <div class="span3 top1"> <div class="row"> <div class="span3 food1"> <img src="images/food1.jpg" alt=""> </div> </div> <div class="row"> <div class="span3 name1"> heres the name </div> </div> <div class="row"> <div class="span3 description1"> heres where i describe and say "read more" </div> </div> </div> 私のCSS .top1{ height:390px; background-color:#FFFFFF; margin-top:10px; } .food1{ background-color:#000000; …

96 html  css  twitter-bootstrap 

HTMLページの（appendedContainer）にmyLinkAJAXロードされたコンテンツを挿入するリンクがありdivます。問題は、clickjQueryにバインドしたイベントが、appliedContainerに挿入された新しくロードされたコンテンツで実行されないことです。clickイベントは、私のAJAX機能がロードされていないDOM要素にバインドされています。 イベントがバインドされるように、何を変更する必要がありますか？ 私のHTML： <a class="LoadFromAjax" href="someurl">Load Ajax</a> <div class="appendedContainer"></div> 私のJavaScript： $(".LoadFromAjax").on("click", function(event) { event.preventDefault(); var url = $(this).attr("href"), appendedContainer = $(".appendedContainer"); $.ajax({ url: url, type : 'get', complete : function( qXHR, textStatus ) { if (textStatus === 'success') { var data = qXHR.responseText appendedContainer.hide(); appendedContainer.append(data); appendedContainer.fadeIn(); } } }); }); …

96 javascript  jquery  html  ajax  jquery-events 

タイトル通り; 有効なHTMLにネストされたコメントを含めることは可能ですか？以下の例を参照してください... <p>some text</p> <!-- comment 1 <p>commented out html</p> <!-- comment 2 // are nested html comment allowed? end of comment 2 --> <p>more commented out html</p> end of comment 1 --> <p>some more text</p> それはそうではないようです、ネストされたコメントを機能させる方法を誰かが知っていますか？

96 html  validation  comments 

複数の<img>要素を別の要素の周りの円に配置し、それらの要素をすべてクリック可能なリンクにする方法を教えてください。下の図のようにしたいのですが、その効果をどのようにして実現するかわかりません。 これは可能ですか？

96 html  css 

HTMLノードのリストを受け入れるJavascript関数がありますが、Javascript配列が期待され（その上でいくつかのArrayメソッドが実行さDocument.getElementsByTagNameれます）、DOMノードリストを返す出力をフィードします。 最初、私は次のような簡単なものを使用することを考えました： Array.prototype.slice.call(list,0) そして、それはすべてのブラウザで正常に動作しますが、もちろんInternet Explorerは "JScriptオブジェクトが必要です"というエラーを返します。 Document.getElement*メソッド関数呼び出しのターゲットとして十分なJScriptオブジェクトではないため、正常に機能します。 警告：Internet Explorer固有のコードを書いてもかまいませんが、サードパーティのWebサイトに埋め込むウィジェットを作成しているため、JQueryなどのJavaScriptライブラリを使用することはできません。クライアントの競合が発生します。 私の最後の溝は、DOMノードリストを反復処理して自分で配列を作成することですが、それを行うためのより良い方法はありますか？

96 javascript  html  dom 

2つのクラスを単一のdivまたはspanまたは任意のhtml要素に適用できますか？例えば： <a class="c1" class="c2">aa</a> 私は試しましたが、私の場合c2は適用されません。両方のクラスを一度に適用するにはどうすればよいですか？

96 html  css