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

一部の人の仕事には、役割の属性が見られます。私も使っていますが、効果はわかりません。 例えば： <header id="header" role="banner"> Header stuff in here </header> または： <section id="facebook" role="contentinfo"> Facebook stuff in here </section> または： <section id="main" role="main"> Main content stuff in here </section> この役割属性は必要ですか？ この属性はセマンティクスに適していますか？ それはSEOを改善しますか？ 役割のリストはこちらにありますが、自分で作成する人もいます。それは許可されていますか、それとも役割属性の正しい使用ですか？ これについて何か考えはありますか？

1165 html  optimization  seo  roles 

次のCSSおよびHTMLコードがあるとします。 #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> コードスニペットを実行する結果を非表示スニペットを展開 ヘッダーセクションの高さは固定されていますが、ヘッダーの内容が変わる場合があります。 ヘッダーのコンテンツをヘッダーセクションの下部に垂直方向に揃えて、テキストの最後の行がヘッダーセクションの下部に「固定」されるようにしたいと考えています。 したがって、テキストが1行しかない場合は、次のようになります。 ----------------------------- | ヘッダーのタイトル | | | | ヘッダーの内容（結果は1行になります） ----------------------------- そして、3つの行がある場合： ----------------------------- | ヘッダーのタイトル | | ヘッダーコンテンツ（そうです | それが完璧であることの多くのもの | 3行にまたがる） ----------------------------- CSSでこれを行うにはどうすればよいですか？

1164 html  css  vertical-alignment 

ページ全体をスクロールできるようにしたいのですが、スクロールバーは表示されません。 Google Chromeの場合： ::-webkit-scrollbar { display: none; } しかし、Mozilla FirefoxとInternet Explorerはそのように動作しないようです。 私はCSSでもこれを試しました： overflow: hidden; スクロールバーは非表示になりますが、これ以上スクロールできません。 ページ全体をスクロールしながらスクロールバーを削除する方法はありますか？ CSSまたはHTMLのみを使用してください。

1129 html  css  google-chrome  internet-explorer  firefox 

通常$("#id").val()、選択したオプションの値を返すために使用しますが、今回は機能しません。選択したタグにはIDがありますaioConceptName HTMLコード <label>Name</label> <input type="text" name="name" /> <select id="aioConceptName"> <option>choose io</option> <option>roma</option> <option>totti</option> </select>

1128 javascript  jquery  html 

このHTMLとCSSを考えると： span { display:inline-block; width:100px; background-color:palevioletred; } <p> <span> Foo </span> <span> Bar </span> </p> コードスニペットを実行する結果を非表示スニペットを展開 その結果、SPAN要素間には4ピクセル幅のスペースができます。 デモ： http : //jsfiddle.net/dGHFV/ これが発生する理由を理解しています。また、次のように、HTMLソースコードのSPAN要素間の空白を削除することで、そのスペースを取り除くことができることも知っています。 <p> <span> Foo </span><span> Bar </span> </p> ただし、HTMLソースコードを改ざんする必要がないCSSソリューションを望んでいました。 これをJavaScriptで解決する方法を知っています-次のように、コンテナー要素（段落）からテキストノードを削除します。 // jQuery $('p').contents().filter(function() { return this.nodeType === 3; }).remove(); デモ： http : //jsfiddle.net/dGHFV/1/ しかし、この問題はCSSだけで解決できますか？

1068 html  css 

作りたい divウィンドウの幅の変化に応じて幅/高さを変更できるます。 アスペクト比を維持しながら、幅に応じて高さを変更できるCSS3ルールはありますか？ JavaScriptを使用してこれを実行できることはわかっていますが、CSSのみを使用したいと思います。

1058 html  css  responsive-design  aspect-ratio 

すべてのCookieが同じ機能を持っているように見えるため、すべてのCookieをローカルストレージに移動することで、Webサイトの読み込み時間を短縮したいと考えています。明らかな互換性の問題を除いて、Cookieの機能を置き換えるためにローカルストレージを使用する場合、長所/短所（特にパフォーマンスに関して）はありますか？

1027 html  cookies  httprequest  local-storage 

クリック可能なラベルが付いたHTMLチェックボックスを作成するにはどうすればよいですか（つまり、ラベルをクリックするとチェックボックスがオン/オフになります）。

1021 html  checkbox  click  label 

data属性に基づいて要素を選択する簡単で簡単な方法はありますか？たとえば、というcustomerID値を持つ名前が付けられたデータ属性を持つすべてのアンカーを選択します22。 私はrelそのような情報を格納するために使用したり他の属性を使用したりするのをためらっていますが、格納されているデータに基づいて要素を選択するのははるかに困難です。

1020 jquery  html  custom-data-attribute 

どうすれば次のことを達成できますか？ document.all.regTitle.innerHTML = 'Hello World'; jQueryを使用してregTitle私のdiv IDはどこですか？

1017 javascript  jquery  html  innerhtml 

（RSSリンクを表示するための）iframeセクションがいくつかあるシンプルなページがあります。メインページからiframeに表示されているページに同じCSS形式を適用するにはどうすればよいですか？

1017 html  css  iframe  rss 

インラインCSSコードを記述しなければならない場合があり、アンカーにホバースタイルを適用したいと思います。 a:hoverHTMLスタイル属性内でインラインCSS を使用するにはどうすればよいですか？ たとえば、HTMLメールでCSSクラスを確実に使用することはできません。

1017 html  css  inline-styles 

CSS contentプロパティをどのように使用してHTMLエンティティを追加しますか？ このようなものを使用する と、改行しないスペースの代わりに画面に出力されます。 .breadcrumbs a:before { content: ' '; }

1013 html  css  html-entities  css-content 

合成操作を試し、キャンバスに画像を描画した後、画像を削除して合成しようとしています。どうすればよいですか？ 他の画像を再描画するためにキャンバスをクリアする必要があります。これはしばらく続くので、毎回新しい長方形を描くことが最も効率的なオプションになるとは思いません。

1012 javascript  html  canvas  html5-canvas  composite 

jQueryを使用して入力値を取得およびレンダリングする方法は何ですか？ ここに1つあります： $(document).ready(function() { $("#txt_name").keyup(function() { alert($(this).val()); }); }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <input type="text" id="txt_name" /> コードスニペットを実行する結果を非表示スニペットを展開

1004 jquery  html  jquery-selectors  textinput