タグ付けされた質問 「meta-tags」




18
HTMLのPDFのテキストリンククリックで[名前を付けて保存]ポップアップを強制的に開く
自分のウェブサイトに大きなサイズのPDFカタログがいくつかあり、ダウンロードとしてリンクする必要があります。ググると、以下のようなものが見つかりました。これは、「開く必要があります名前を付けて保存...」リンクをクリックでポップアップを... <head> <meta name="content-disposition" content="inline; filename=filename.pdf"> ... しかし、それは動作しません:/以下のようにファイルにリンクすると、ファイルにリンクするだけでファイルを開こうとします。 <a href="filename.pdf" title="Filie Name">File name</a> 更新(以下の回答による): 私が見るように、これのための100%信頼できるクロスブラウザソリューションはありません。おそらく最善の方法は、以下にリストされているWebサービスの1つを使用して、ダウンロードリンクを提供することです... http://box.net/ http://droplr.com/ http://getcloudapp.com/




15
AndroidのChromeプルダウンから更新機能を無効にする
会社用に小さなHTML5 Webアプリケーションを作成しました。 このアプリケーションはアイテムのリストを表示し、すべてが正常に動作します。 このアプリケーションは、主にAndroidフォンとブラウザとしてChromeで使用されます。また、サイトはホーム画面に保存されるので、Androidはアプリ全体を(おそらくWebViewを使用して)アプリとして管理します。 Chrome ベータ(そして私はAndroidシステムWebViewもそうだと思います)は「プルダウンして更新」機能を導入しました(このリンクを例に見てください)。 これは便利な機能ですが、リストをナビゲートしているときにユーザーが更新を簡単にトリガーでき、アプリ全体が再ロードされるため、メタタグ(またはJavaScriptのもの)で無効にできるかどうか疑問に思いました。 また、これはアプリケーションに不要な機能です。 この機能がまだChromeベータ版でのみ利用可能であることは知っていますが、これも安定したアプリに搭載されているという感覚を持っています。 ありがとうございました! 編集:Chromeベータ版をアンインストールしました。ホーム画面に固定されたリンクが安定したChromeで開きます。そのため、固定されたリンクはChromeで始まり、ウェブビューではありません。 編集:本日(2015-03-19)プルダウンからリフレッシュへの安定したクロームが登場しました。 編集:@Evyn回答から私はこのリンクをたどり、このjavascript / jqueryコードが機能しました。 コードスニペットを表示 var lastTouchY = 0; var preventPullToRefresh = false; $('body').on('touchstart', function (e) { if (e.originalEvent.touches.length != 1) { return; } lastTouchY = e.originalEvent.touches[0].clientY; preventPullToRefresh = window.pageYOffset == 0; }); $('body').on('touchmove', function (e) { var touchY …


4
Google Maps APIの「meta viewport user-scalable = no」の意味は何ですか
私はGoogle Maps JavaScript API V3を使用しており、公式の例では常にこのメタタグを含めています。 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 私が見たほとんどのサードパーティの例でも同じことができます。けれども私はそれを使ってプラグインを書きました、そして、私のユーザーの1人は彼が彼のモバイルデバイスでズームインしたりズームアウトしたりすることを妨げていると私に言いました。テストに使用するモバイルデバイスがなく、検索で役立つ情報は見つかりませんでした。 では、タグの意味は何ですか?残しておいた方がいいですか?ブラウザエージェントを検出して、デスクトップブラウザでのみ表示する必要がありますか? あなたがプラグインを調べたい場合は、次のことができ、それをダウンロードし、ソースを閲覧したり、ライブの例を参照してください。

22
WhatsAppでリンクのサムネイルを表示しています|| og:imageメタタグが機能しない
この質問に従おうとしました:whatsappリンク共有の写真を提供してください 基本的なFacebookメタタグを使用して簡単なHTMLWebページを作成しました。 <!--FACEBOOK--> <meta property="og:title" content="San Roque 2014 Pollos" /> <meta property="og:description" content="Programa de fiestas /> <meta property="og:image" content="http://pollosweb.wesped.es/programa_pollos/play.png" /> Facebookのリンターは正しく検証され、Facebookでは完璧に表示されますが、Wh​​atsAppで共有しようとすると、画像が表示されません。 私はAndroidのWhatsAppでそれを試しています →サンプルWebページのURLです

8
ウェブサイトに配置する必要のある重要なメタタグは何ですか?[閉まっている]
クローズ。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善したいですか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 6年前に閉鎖されました。 この質問を改善する 設定できるメタタグはたくさんあるようです。それらのいくつかは他のものより重要だと思います。 提供する最も重要なメタタグとその理由は何ですか? メタタグも必要ですか?(stackoverflowホームページを見るとありません)
81 html  seo  meta-tags 

1
「initial-scale = 1.0」も設定されている場合にビューポートメタタグから「width = device-width」を削除することの副作用
一方で<meta name="viewport">、タグが標準化されていないですが、それは「原因事実上の支配にほとんどの携帯ブラウザで尊敬されています。」 真のWeb標準ではないことの欠点の1つは、詳細なドキュメントが他の標準ほど利用できないことです。CSSワーキンググループは、このための仕様を持っているので、それは私が主に権威の作品として使用していますものです。 私の主な質問は: 次の宣言の違いは何でしょうか? <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="initial-scale=1.0"> あるいは、これらの2つの@viewport CSS at-rules の違いは何ですか? /* Translated from <meta name="viewport" content="width=device-width, initial-scale=1.0"> */ @viewport { zoom: 1.0; min-width: extend-to-zoom; max-width: 100vw; } /* Translated from <meta name="viewport" content="initial-scale=1.0"> */ @viewport { zoom: 1.0; min-width: extend-to-zoom; max-width: extend-to-zoom; } これらの@viewport翻訳に到達した方法: …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.