javascript - HTMLページのヘッダーとフッターを抽出する

Question

このページからヘッダーとフッターを抽出して別のページに挿入するにはどうすればよいですか?

ヘッダー div をコピーして貼り付けると、新しいページに同じ構造とグラフィックが表示されないため、少し混乱していますか? ここで何か不足していますか？

Answer 1

通常、div をコピーして貼り付けると、HTML は取得されますが、CSS のスタイルは取得されません (スタイルがインラインでない限り)。

「 CSS + HTML 」と呼ばれる Chrome 拡張機能があり、開発者コンソールで、すべての CSS がインライン CSS に変換されたバージョンの div を生成できるため、かなり正確なバージョンをコピー/貼り付けできます。

(警告: 拡張機能にいくつか問題があったため、必要な場合以外は有効にしていません。生成された HTML は、a) 不要なインライン CSS がたくさん含まれているためひどいものであり、b) 常に有効であるとは限りません。正確な一致。でもなかなかいいです。）

Answer 2

はい、何かが欠けています。CSS、画像、リンク…相対リンクを使用しています。これらのリンクは必ず置き換える必要があります。

画像は相対的にリンクされているため、ローカルにコピーしない限り、アクセスできません。

スタイルシートは head 内で比較的リンクされているため、スタイルシートも必要になります。

場合によってはリンクが.phpファイルへのリンクであるというわけではありません。バックグラウンドで実行されているphpを知らない限り、その機能も失われます。