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

それぞれ異なるコンテンツを表示する一連のタブを実装するWebページがあります。タブをクリックしてもページは更新されませんが、クライアント側でコンテンツの表示/非表示が切り替わります。 ここで、ページで選択したタブに応じてページタイトルを変更する必要があります（SEOの理由から）。これは可能ですか？ページをリロードせずにJavaScriptを介してページタイトルを動的に変更するソリューションを誰かが提案できますか？

510 javascript  html 

私が持っている<div>要素を、私はそれに国境を載せていきたいと思います。私は書くことができることを知っていますがstyle="border: 1px solid black"、これはdivのどちらかの側に2pxを追加しますが、これは私が望むものではありません。 私はむしろこの境界線をdivの端から-1pxにしたいと思います。div自体は100px x 100pxであり、境界線を追加する場合、境界線を表示するためにいくつかの数学を実行する必要があります。 境界線を表示させ、ボックスが100px（境界線を含む）であることを確認する方法はありますか？

506 html  css  border 

次のコードでの高さがの高さdivよりも大きいのはなぜimgですか？画像の下にギャップがありますが、パディング/マージンではないようです。 画像の下のギャップまたは余分なスペースは何ですか？ #wrapper { border: 1px solid red; width:200px; } img { width:200px; } <div id="wrapper"> <img src="http://i.imgur.com/RECDV24.jpg" /> </div> コードスニペットを実行する結果を非表示スニペットを展開

503 html  css  image 

ページにファイルアップロードオブジェクトがあります。 <input type="file" ID="fileSelect" /> 私のデスクトップに次のExcelファイルがあります： file1.xlsx file1.xls file.csv 私は、ファイルのアップロードがしたいONLY示し.xlsx、.xls＆.csvファイルを。 使用するaccept属性を、私はこれらのコンテンツ・タイプはの世話をした見つかっ.xlsx＆.xls拡張... accept= application / vnd.openxmlformats-officedocument.spreadsheetml.sheet（.XLSX） accept= application / vnd.ms-excel（.XLS） ただし、Excel CSVファイルの正しいコンテンツタイプが見つかりません。助言がありますか？ 例：http : //jsfiddle.net/LzLcZ/

501 html  csv  file-upload  input  content-type 

W3ドキュメントには、接頭辞がの付いたネストされたリストの例DEPRECATED EXAMPLE:がありますが、非推奨ではない例で修正することはなく、例の何が問題であるかを正確に説明していません。 これらの方法のうち、HTMLリストを作成する正しい方法はどれですか。 オプション1：入れ子<ul>は親の子です<ul> <ul> <li>List item one</li> <li>List item two with subitems:</li> <ul> <li>Subitem 1</li> <li>Subitem 2</li> </ul> <li>Final list item</li> </ul> オプション2：入れ子<ul>は<li>それが属する子 <ul> <li>List item one</li> <li>List item two with subitems: <ul> <li>Subitem 1</li> <li>Subitem 2</li> </ul> </li> <li>Final list item</li> </ul>

500 html  html-lists  nested-lists 

ng-class条件付きであることを表現する方法はありますか？ たとえば、私は次のことを試しました： <span ng-class="{test: 'obj.value1 == \'someothervalue\''}">test</span> このコードの問題obj.value1は、何であれ、クラステストが常に要素に適用されることです。これを行う： <span ng-class="{test: obj.value2}">test</span> obj.value2真の値に等しくない限り、クラスは適用されません。これで、最初の例でこの問題を回避できます。 <span ng-class="{test: checkValue1()}">test</span> どこcheckValue1の関数は次のようになります。 $scope.checkValue1 = function() { return $scope.obj.value === 'somevalue'; } 私はこれがどのように機能するng-classことになっているのか疑問に思っています。これと同様のことをしたいカスタムディレクティブも作成しています。しかし、私は式を見る方法を見つけることができません（そして、多分それは不可能であり、それがこのように機能する理由です）。 ここに私が意味することを示すplnkrがあります。

499 html  css  angularjs 

モバイルデバイス用のWebページを作成する必要があります。まだ理解していないことが1つだけあります。テキストをクリックして電話をかけるにはどうすればよいですか。 mailto:メールのタグのように入力できる特別なURLはありますか？ デバイス固有のソリューションは好ましくありません。 iPhoneが電話番号を自動的に認識してリンクを作成することはわかっていますが、これを画像やほとんどのモバイルデバイスにも適用できればすばらしいと思います。

493 html  phone-call  mobile-phones  url-protocol 

HTML5データ属性（たとえばdata-role）によってCSSの要素を選択することは可能ですか？

488 css  html  css-selectors  custom-data-attribute 

CSSファイルで背景画像URLのようなものを定義するとき、相対URLを使用するとき、それはどこに相対的ですか 例えば： ファイルに次のもの/stylesheets/base-styles.cssが含まれているとします。 div#header { background-image: url('images/header-background.jpg'); } このスタイルシートを別のドキュメントに含める場合<link ... />、CSSファイルの相対URLは、スタイルシートドキュメントに相対的/stylesheets/か、それが含まれている現在のドキュメントに相対的か。次のような可能なパス： /item/details.html /about/index.html /about/extra/other.html /index.html

484 html  css 

<?php $name = $_POST['name']; $email = $_POST['email']; $message = $_POST['message']; $from = 'From: yoursite.com'; $to = 'contact@yoursite.com'; $subject = 'Customer Inquiry'; $body = "From: $name\n E-Mail: $email\n Message:\n $message"; if ($_POST['submit']) { if (mail ($to, $subject, $body, $from)) { echo '<p>Your message has been sent!</p>'; } else { echo '<p>Something …

477 php  html  email 

その場で要素を作成し、それらを移動できるようにするための最良のアプローチは何ですか？たとえば、長方形、円、多角形を作成し、それらのオブジェクトを選択して移動したいとします。 HTML5がこれを可能にする3つの要素、svg、canvas、divを提供していることを理解しています。私がやりたいことについて、これらの要素のどれが最高のパフォーマンスを提供しますか？ これらのアプローチを比較するために、それぞれにヘッダー、フッター、ウィジェット、テキストコンテンツが含まれる、視覚的に同一の3つのWebページを作成することを考えていました。最初のページのウィジェットは完全にcanvas要素で作成され、2番目のウィジェットは完全に要素で作成されsvg、3番目のウィジェットはプレーンdiv要素、HTMLおよびCSSで作成されます。

476 javascript  html  svg  html5-canvas 

私はその実体を知っている<と>するために使用されている<と>、私はこれらの名前が放置何興味があります。 <「のようなものを表す左タグ」またはそれだけのコードですか？

476 html  terminology  html-entities  html-escape-characters 

とにかく得ることのあるの丸みを帯びた角を上のアウトラインのdiv elementと同様に、border-radius？

473 html  css 

HTML文書で電話番号を呼び出し可能なリンクとしてマークアップしたい。私はマイクロフォーマットのアプローチを読みましたが、このtel:スキームは標準的なものですが、文字通りどこにも実装されていません。 Skypeは、私の知る限り、そして後者はある程度の人気を得ているskype:と定義していますcallto:。私は、他の企業が他の計画を持っているか、callto:電車に乗っていると思います。 電話番号をマークアップして、VoIPソフトウェアを使用するできるだけ多くの人がリンクをクリックするだけで電話を受けることができるようにするためのベストプラクティスは何でしょうか。 おまけの質問：米国の911やドイツの110などの緊急電話番号の合併症について誰か知っていますか？ 乾杯、 更新： Microsoft NetMeetingはcallto:、WinXPでスキームを採用しています。この質問は、Microsoft Office Communicatorはtel:スキームを処理するがスキームは処理しないことを示唆していcallto:ます。すばらしい、レドモンド！ 更新2： 2年半後の現在。数字でやりたいことまで煮詰めているようです。モバイルのコンテキストでtel:は、進むべき道です。デスクトップをターゲットにするかどうかは、Skypeユーザーが多い（callto:）か、Google Voice（tel:）などがインストールされている可能性が高いと思われる場合は、あなた次第です。私の個人的な意見は、疑わしい場合はtel:（@Sidnicious 'の回答に沿って）使用することです。 更新3：ユーザー@ rybo111によると、ChromeのSkypeはその間、急成長していtel:ます。手元に両方のマシンがないため、これを確認することはできません。tel:

471 html  markup  url-scheme  phone-number 

HTTPサーバーへの接続を一時停止しています（comet、reverse ajaxなど）。それは問題なく動作しますが、ブラウザは特定のドメインへの2つの中断された接続のみを同時に許可することを確認します。したがって、ユーザーがブラウザーのタブ1で私のWebサイトを表示していて、それをタブ2にもロードしようとすると、私のサイトへの2つの許可された接続を使い果たしてしまいます。 私はいくつかのワイルドカードドメインのことを行うことができると思います。この場合、httpサーバーに次のように私のサイトへのアドレスを解決させます。 *.example.com/webapp -> 192.0.2.1 (the actual ip of my server) そう： a.example.com/webapp b.example.com/webapp c.example.com/webapp すべてはまだ（www.example.com/webapp）を指していますが、ブラウザーはそれらを異なるドメインと見なすため、2つの接続制限に遭遇しません。これは本当ですか？ それが真実であっても、すべてのドメインにわたって、ブラウザごとのアクティブな接続の数に制限はありますか？上記のスキームを使用するとします-たとえば、Firefoxは常に24の並列接続しか許可しませんか？何かのようなもの： 1) a.example.com/webapp 2) www.download.example/hugefile.zip 3) b.example.com/webapp 4) c.example.com/webapp ... 24) x.example.com/webapp 25) // Error - all 24 possible connections currently in use! 例として24接続/ Firefoxを選択しました。

465 html  http  web-applications  persistent-connection  web-performance