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 マスターとスレーブの不一致を修復するソリューション

推薦する

Vueはデータを初期状態にリセットします

場合によっては、データ内のデータを再利用する必要がありますが、データ内のデータはさまざまなフォーム、...

CSS3 でクールなスライス画像カルーセル効果を実現

今日は、CSS を使用してクールな画像カルーセル コンポーネントを作成する方法を学びます。その原理は...

MySQL の日付関数と日付変換およびフォーマット関数

MySQL は、膨大なユーザーベースを持つ無料のリレーショナル データベースです。この記事では、My...

CSS 完全な視差スクロール効果

1. 何ですか視差スクロールとは、複数の背景レイヤーを異なる速度で動かすことで、3次元のモーション...

Linux での tcpdump コマンドの詳細な分析と使用方法

導入簡単に言えば、tcpdump は、ネットワーク上のトラフィックをダンプし、ユーザーの定義に従って...

nginx高可用性クラスタの実装プロセス

この記事は主に、nginx 高可用性クラスタの実装プロセスを紹介します。この記事のサンプルコードは非...

Vue3 における親コンポーネントと子コンポーネント間の値の転送の詳細な説明

vue3 が誕生してからかなり時間が経ち、筆者も最近になって vue3 を学び始めました。 vue2...

Dockerコンテナのログ分析

コンテナログを表示するまず、 docker run -it --rm -d -p 80:80 ngi...

ネイティブ JS オブジェクト指向タイピング ゲーム

この記事では、JSオブジェクト指向タイピングゲームの具体的なコードを参考までに紹介します。具体的な内...

シンプルなフロントエンドのページング効果を実現する js

比較的シンプルな業務のプロジェクトもありますが、フロントエンドのページングを多用します。プラグインの...

2つのウェブサイトページ翻訳プラグインの共有

TranslateThis URL: http://translateth.is Google 翻訳...

CSS3 メディアクエリにおけるデバイス幅と幅の違いの詳細な説明

1.デバイス幅定義: 出力デバイスの画面表示幅を定義します。 Web ページが Safari で開か...

Vue プロジェクトで axios リクエストを使用する方法

目次1. インストール2. カプセル化に問題はない3. ファイルを作成する4. アドレス設定をリクエ...

Linux での stat 関数と stat コマンドの使用法の詳細な説明

stat 関数と stat コマンドLinux ファイル内の [inode = インデックス ノード...

Vueは指定された日付間のカウントダウンを実装します

この記事では、指定された日付間のカウントダウンを実装するためのVueの具体的なコードを例として紹介し...