HTML

 Computer >> コンピューター >  >> プログラミング >> HTML
  1. HTML5でのWebSocketApacheサーバーの互換性

    XMLを介してフォルダーに保存されるたびに新しいデータを表示するアプリを開発する場合は、websocketsapacheサーバーを使用します。 Mod_websocketまたはphpwebsocketを使用できます。また、サーバーとクライアント間のリアルタイム通信にセルフホストのリアルタイムWebテクノロジーを使用することもできます。 ホストされているリアルタイムWebソリューションとアプリケーションのリアルタイムプッシュの側面をオフロードできます。 ただし、Apacheサーバーは、サーバーとクライアント間の長時間の永続的な接続には適していません。 これに対する最善の解決策は次のとおり

  2. Fabric.jsでマウスクリックするとHTML5Canvasレイヤーが消え、Firefoxは画像のキャンバスを作成するときに応答を停止しますか？

    Fabric.jsでマウスクリックするとHTML5キャンバスレイヤーが消え、Firefoxが画像にキャンバスを作成するときに応答を停止する場合は、コンピューターから画像をドラッグアンドドロップする方法があります。ファブリックを使用したキャンバス。 これは、この方法で画像のドラッグ可能なプロパティをtrueにすることで実行できます- <img draggable = "true">

  3. モバイルSafariでのHTML5ジオロケーションの「許可が拒否されました」エラー

    モバイルウェブサイトが作成され、ユーザーがボタンクリックで現在の位置を要求される必要がある場合は常に、HTML5ジオロケーションが使用されます。これはモバイルChromeで正常に機能します。 ただし、Mobile Safariの場合、ユーザーは場所を共有するように求められ、ブラウザのデフォルトはジオロケーションになり、ブラウザはデフォルトで権限拒否エラーになります これを解決するために、モバイルサービスのジオロケーションサービスをオンにして、リクエストされたユーザーの現在地を取得します。

  4. HTML5Canvasでパターンを作成する

    HTML5 Canvasでパターンを作成するには、次のメソッドを使用します。createPattern（image、repeatment）-このメソッドは、画像を使用してパターンを作成します。 2番目の引数は、repeat、repeat-x、repeat-y、およびno-repeatのいずれかの値を持つ文字列にすることができます。空の文字列またはnullが指定されている場合、繰り返しが想定されます。 例 次のコードを実行して、パターンの作成方法を学ぶことができます- <!DOCTYPE HTML> <html>    <head> &nb

  5. HTML5でカメラデバイスへのアクセスのみを許可する

    iOSではカメラデバイスへの唯一のアクセスはできません。公式仕様では、次のことが示唆されています- この仕様のユーザーエージェント実装は、マイクまたはカメラによるコンテンツのキャプチャを開始する前に、ユーザーの同意を求めることをお勧めします。これは、ユーザーデータのプライバシーに関連する規制、法律、およびベストプラクティスの要件を満たすために必要になる場合があります。さらに、ユーザーエージェントの実装では、入力デバイスが有効になっているときにユーザーに指示を提供し、ユーザーがそのようなキャプチャを終了できるようにすることをお勧めします。 同様に、ユーザーエージェントは、ユーザーが-を実行できる

  6. HTMLキャッシュ内の単一のURLに対するいくつかの異なるキャッシュ？

    マニフェストのCACHEセクションに記載されているすべてのリソースで、遠い将来の有効期限を使用する必要があります。さらに、CACHEセクションの各ファイルにタイムスタンプサフィックスを追加します- CACHE: menu_1355817388000.js toolbar_1355817389100.js サーバー上のファイルのいずれかが変更された場合、タイムスタンプを変更するには、マニフェストを更新する必要があります。タイムスタンプが変更されたファイルが次回ダウンロードされました。

  7. HTML5日付ピッカーのスタイルオプション

    HTML5の日付ピッカーは基本的にJavaScriptライブラリと非常によく似ており、カレンダーが表示されるフィールドに焦点を合わせると、月と年をナビゲートして日付を選択できます。 したがって、日付入力でより多くの間隔と配色を使用する場合は、コードに次を追加できます。 ::-webkit-datetime-edit { padding: 2 em; } ::-webkit-datetime-edit-fields-wrapper { background:green; } ::-webkit-datetime-edit-text { color: blue; padding: 0 0.3em

  8. キャンバスをアニメーション化してノイズを無限にアニメーション化し、HTMLで動きのように見せます

    putImageData（）メソッドは、画像データをキャンバスに配置します。キャンバスをアニメーション化するために、メインループの外側に再利用可能なImageDataオブジェクトを作成します。 var ct = c.getContext("2d", {alpha: false});       // context without alpha channel. var a = ct.createImageData(c.width, c.height);   var buffer = new Uint32Array(a.data.buf

  9. HTMLでJavaScriptをサポートせずにページが読み込まれるときに、テキストボックスにオートフォーカスを配置しますか？

    オートフォーカス属性はブール属性です。存在する場合、ページの読み込み時に要素が自動的にフォーカスを取得するように指定します。以下に例を示します <!DOCTYPE html> <html>    <body>       <form action = "/new.php">          First Name: <input type = "text" name = "fname"

  10. HTML5でinputtype=“ date”フィールドのプレースホルダーが表示されない。それを解決する方法は？

    表示するには、次を使用します- <input placeholder = "Date" class = "textbox-n" type = "text" onfocus = "(this.type = 'date')"  id = "date"> CSSに行くこともできます- input[type="date"]::before{    color: #ffffff;    content: a

  11. HTMLを使用してキャンバスからピクセルカラーを取得する

    キャンバスからピクセルの色を取得するには、次のコードを使用します。これにより、rgba-の色が返されます。 var index = (Math.floor(y) * canvasWidth + Math.floor(x)) * 4 // color in rgba var r = data[index] var g = data[index + 1] var b = data[index + 2] var a = data[index + 3]

  12. HTML5とXHTML1.0の移行

    HTMLはSGMLとして表現され、XHTMLはXMLで表現されます。 XHTMLの作成は、マークアップの形でより多くの制限に関連しています。 XHTML 1.0 Transitionalではまたはタグを使用しないでください。これらは、その仕様の要素ではないためです。 HTMLからXHTMLに変換する すべてのページの最初の行にXHTMLを追加します すべてのページのHTML要素にxmlns属性を追加します すべての要素名を小文字に変更します 空の要素をすべて閉じます すべての属性名を小文字に変更します すべての属性値を引用します

  13. iPhoneがHTMLでWebアプリを拡大できないようにする

    メタタグ属性を与えるuser-scalable=no ユーザーが他の場所でズームすることを制限します。 このメタタグをヘッドタグに追加して、ズームをすべて一緒に防止します。これは、モバイルブラウザに同じ幅のスケールを使用するように指示し、ユーザーがズームインすることをまったく許可しないため、その迷惑な動作も無効にします。ただし、これは問題を処理するための非常にユーザーフレンドリーな方法ではないと主張する人もいるかもしれません。 <meta name = "viewport" content = "width=device-width, minimum-s

  14. HTMLページを分割し、ヘッダーを介してロードしますか？

    HTMLの作成と編集を高速化するには、HTMLファイルを3つの別々のHTMLファイルに分割する必要があります- ヘッダー フッター コンテンツ これは、静的なHTMLWebサイトでは不可能です。ただし、これはPHPを介して可能です。もう1つの方法は、メインページが既に読み込まれた後にJavaScriptを使用してページの一部を読み込むことです。

  15. モバイルサファリは、HTMLで場所を共有するようにユーザーに促すタイミングをどのように決定しますか？

    ユーザーが特定のエリアにいる場合にのみ、ユーザーの最新の場所を追跡する必要がある場合は、別のコードを記述します。 HTMLで場所を共有するようにユーザーに促すタイミングを決定するコードは次のとおりです- if (frstTime) { //First time        navigator.getCurrentPosition(function (coordinates) {             if (coordsAreInTheBox) {      

  16. HTML5セマンティック要素とそれがサポートする古いブラウザはどれですか？

    Internet Explorer 8以前のバージョンは、nav、header、articleなどのセマンティック要素をサポートしていません。セマンティック要素のスタイルを設定するには、Modernizerを使用します。一部のCSSは、デフォルトでCSSをブロックするために追加できます。 article, header, nav, section, footer {    display:block; } 次のコードを記述して、JavaScriptを使用して独自の要素を作成することもできます- <script>    document.cre

  17. HTML5ジオロケーションまたはGoogleAPIを使用して住所の緯度経度を取得するにはどうすればよいですか？

    HTML5ジオロケーションまたは任意のGoogleAPIを使用して緯度と経度を取得するには、このためのJavaScriptを追加する必要があります。 スクリプトは次のとおりです- if (navigator.geolocation) {    /*  If current position is obtained then there is success otherwise there is failure.    On failure, separate error message is shown  */   &n

  18. メニューはIE8では表示されません。 HTMLで表示するにはどうすればよいですか？

    divの1つを別のスタイルシートに配置すると、InternetExplorerでメニューが非表示になる場合があります。 不透明度の場合 国境を越えた解決策ではないプロパティが使用されます。表示するには次のようになります- opaque {      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; // first      filter: alpha(opacity=90);  // second }

  19. GoogleChromeでのHTML5Canvasとz-indexの問題

    位置が固定されているキャンバスにzインデックスを適用すると、停止すると、chromeは position：fixedが正しく設定されている他のすべての要素をレンダリングします。 これは、キャンバスのサイズが256X256ピクセルより大きい場合にのみ発生します。 h1とcanvasの両方を固定divでラップし、問題を解決します- <div id = 'fixcontainer'>    <h1>Test Title</h1>    <canvas id = "backgroundCanv

  20. HTMLを使用したモバイルアプリの同一生成元ポリシー

    ネイティブモバイルアプリとアプリケーションにも同様のルールがあります。 PhoneGapまたはCardovaのホワイトリストに追加する必要があるのはドメインのみです。 デバイスはサーバーとして機能し、URLからコンテンツにアクセスできます。PhoneGapを使用すると、ドメインがホワイトリストまたはワイルドカードに追加されます。 ネイティブアプリケーションを処理するときは、https：//からではなくfile：//からリクエストを行う必要があります。ただし、HTTPプロトコルを介してリクエストが行われることはないため、同じルールは適用されません。 ネイティブモバイルアプリからリクエストを

Total 2062 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:72/104  20-コンピューター/Page Goto:1 66 67 68 69 70 71 72 73 74 75 76 77 78