iframe に関するいくつかの発見と考察

iframe に関するいくつかの発見と考察
この物語は、今日の予期せぬ発見から始まります。同社には複数のウェブサイトがある。友達リンクにはお互いのリンクがあります。リンクを変更したので確認したかったのですが、ウェブマスター ツールを使用して確認したところ、リンクがそこにないことが分かりました。フレンドリーリンクを footer.html に配置したことがわかりました。次に、iframe 経由でホームページに埋め込みます。このように、検出されるのはホームページのリンクではなく、フッターページへのリンクです。検索エンジンでも同様です。検索エンジンは iframe によって導入されたページを見て、その中のリンクをたどりますが、それらにはあまり注意を払いません。また、各 iframe も個別のページとして扱われます。実際、これはページのソース コードを表示するとわかります。 iframe のコードのみが表示され、内部のページのコードは表示されません。

コード

コードをコピー
コードは次のとおりです。

<div id="foot" class="clear_left">
<iframe src="web/iframe/foot.html" 幅="960" 高さ="100" 配置=""
フレームボーダー="0" hspace="0" スクロール="いいえ" vspace="0"
透明度を許可="1"></iframe>
</div>


これらの考慮事項に基づきます。 iframe が使用できない場所はたくさんあります。時々彼はとても役に立つこともあります。
iframe は意図的に使用されなくなりました。もちろん、それを置き換える方法を見つけなければなりません。最初に思い浮かぶのは、もちろん include ですが、include には多くの種類があります。jsp に関しては、include ディレクティブ %@include file=""%> と、jsp アクション ディレクティブ <jsp:include page="" /> の 2 種類があります。前者は静的ファイルのインクルードに適しており、後者は動的 jsp のインクルードに適しています。 jsp と直接関係のない ssi 命令もあります。このメソッドが存在することは知っていますが、使用したことはありません。Web サーバーによって解析されるようです。詳細は分かりません。ご存知の方がいらっしゃいましたら教えてください。
ちなみに、Tencentのウェブサイトではiframeを使用していないことがわかりました。 Sina、Taobao など、他の多くの大規模な Web サイトでも使用されています。 qq の解決策を知るのを楽しみにしています。

<<:  docker を使って sonarqube を構築する方法

>>:  MySQL GTID マスターとスレーブの不一致を修復するソリューション

推薦する

CSS エラスティック ボックス flex-grow、flex-shrink、flex-basis の詳細な説明

3 つの属性 flex-grow、flex-shrink、flex-basis の機能は次のとおりで...

CSS でよく発生する問題の整理 (ロゴのハッキング/コンテナの固定/画像の垂直方向の中央揃え)

1. IEブラウザモードハックロゴ1. CSSハックロゴコードをコピーコードは次のとおりです。 ie...

JavaScript CollectGarbage 関数の例

まず、メモリ解放の例を見てみましょう。 <スクリプト言語="JavaScript&q...

HTML の隠しフィールドの紹介と例

基本的な構文: <input type="hidden" name=&qu...

Linux で Sudo を使用して権限を委譲する

sudo 権限委譲の概要su スイッチ ID: su –l ユーザー名 –c 'コマンド&#...

JavaScript は大容量ファイルのアップロード処理を実装します

数十 MB 程度の小さいものから 1G 以上の大きいものまで、ビデオ ファイルなどのファイルのアップ...

HTML ページの先頭に戻るいくつかの実装の概要

最近、ウェブサイトを開発する際にトップに戻るボタンを作成する必要がありますが、私は主にバックエンドの...

Docker での環境変数の使用とよくある問題の解決策

序文Docker はコンテナの環境変数を設定できます。設定方法は 2 つあります。イメージを作成する...

MySQLが間違ったインデックスを選択する理由と解決策

MySQL では、テーブルに複数のインデックスを指定できますが、ステートメントの実行時に、使用するイ...

フレックスレイアウトの互換性の問題の概要

1. W3C バージョンの flex 2009年版フラグ: display: box; または bo...

Expressプロジェクトファイルディレクトリの説明と詳細な機能の説明

app.js: スタートアップファイル、またはエントリファイルpackage.json: プロジェク...

要素内の TimePicker は時間の一部を無効にします (分単位で無効)

プロジェクトの要件は、日付と時刻を選択し、現在の時刻以降の時刻のみを選択し、最小レベルを分単位で無効...

XHTML CSSを使用して正式なブログを書く

ブログの正式名称は「Web log」で、中国語で「ネットワークログ」を意味します。後にブログに短縮さ...

HTML でのアンカーポイントの使用_PowerNode Java アカデミー

ここで、アンカー ポイントを制御するいくつかの状況をまとめてみましょう。 1. 同じページ <...

開発者とオペレーターが注目すべき Linux デバッグ ツール [推奨]

システム パフォーマンスの専門家である Brendan D. Gregg 氏は、LinuxCon N...