web-dev-qa-db-ja.com

Googleマップのリンク:非推奨の属性

これを検証すると page になり、次のようなエラーが発生します。

エラー行161、列438:iframe要素のスクロール属性は廃止されました。代わりにCSSを使用してください。

…95,0.023378&z = 14&output = embed ">

✉エラー行161、列438:iframe要素のmarginheight属性は廃止されました。代わりにCSSを使用してください。

…95,0.023378&z = 14&output = embed ">

✉エラー行161、列438:iframe要素のmarginwidth属性は廃止されました。代わりにCSSを使用してください。

…95,0.023378&z = 14&output = embed ">

✉エラー行179、列477:iframe要素のframeborder属性は廃止されました。代わりにCSSを使用してください。

…= 40.566625、-3.261292&output = embed ">

✉エラー行179、列477:iframe要素のスクロール属性は廃止されました。代わりにCSSを使用してください。

…= 40.566625、-3.261292&output = embed ">

✉エラー行179、列477:iframe要素のmarginheight属性は廃止されました。代わりにCSSを使用してください。

…= 40.566625、-3.261292&output = embed ">

✉エラー行179、列477:iframe要素のmarginwidth属性は廃止されました。代わりにCSSを使用してください。

…= 40.566625、-3.261292&output = embed ">

その誤ったコードでGoogleマップのリンクを取得する方法はありますか?

2
tirengarfio

これはここで議論されています: http://www.webdeveloper.com/forum/showthread.php?261932-google-maps-iframe-error-on-validation 提案された2つのソリューションがあります。


ビデオの目 言います:

ページコンテンツ、インバウンドリンクの数と品質と比較すると、いくつかのエラーはほとんど意味がありません。ただし、必要に応じて、<iframe>コードを手動で編集するだけです。必要に応じて、これらの属性とスタイルを削除できます。とにかく、これらの属性は単なるスタイリングの問題です。これはHTML5の問題であり、下位バージョンではありません。


jedaisoul 言う:

これを解決する代替手段があり、Iframeを使用しません。 Googleがマップに提供しているコードを注意深く見ると、実際には2つのリンクに分かれています。

  1. Iframeに自動的に表示されるアクティブなリンク。
  2. Iframeには表示されない、より大きな地図を表示するためのリンク。

私がやることは:

  1. 最初に指定されたコードを使用し、Print Screenを使用してマップ表示をキャプチャします。これをお気に入りのグラフィックエディタに貼り付けて最適化し、JPGに書き込むことができます。
  2. 次に、iframeのjpgファイルを表示する<IMG>に置き換えます。
  3. 2回目の呼び出しはGoogleマップに残します。そのため、必要に応じて、スクロール、ズーム、アクティブな画像に引き続きアクセスできます。

これには、ページの読み込み時間がGoogleマップからの応答に依存しないという追加の利点もあります。つまり、このサイトのホームページには2つのGoogleマップがあります。これは、特にホームページのGoogleマップへのライブリンクで行うことはお勧めできません。ちなみに、それはまた、流動的な設計手法を使用して、320ピクセル以上の幅の画面で表示できるようにサイトを設計および構成する方法の例でもあります。しかし、それは別の話です...

1