简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ> ウェブフロントエンド> htmlチュートリアル> 本文

HTMLサブページの作成方法

王林
リリース： 2024-02-22 17:15:03
オリジナル
1036 人が閲覧しました

HTMLサブページの作成方法

HTML サブページの確立と使用

インターネットと Web ページ技術の発展に伴い、情報の整理と管理にサブページを使用する必要がある Web サイトやアプリケーションがますます増えています。 。 HTML サブページを使用すると、Web サイトをよりモジュール化して保守しやすくすると同時に、より優れたユーザー エクスペリエンスを提供できます。この記事では、HTML でサブページを作成する方法を説明し、具体的なコード例を示します。

1. サブページの作成

  1. まず、親ページを作成する必要があります。親ページは通常、子ページをロードして表示するメイン HTML ファイルです。親ページでは、要素を使用して子ページを埋め込むことができます。サンプル コードは次のとおりです。
   父页面 

  
这是父页面
ログイン後にコピー
ログイン後にコピー
  1. 次に、サブページを作成する必要があります。サブページは通常、特定のコンテンツと機能を含む別の HTML ファイルです。サブページでは、任意の HTML コードを記述することができます。サンプル コードは次のとおりです:
   子页面 

  
这是子页面
 
这是子页面的内容。
ログイン後にコピー

2. サブページの使用

  1. ブラウザで親ページを開くと、同時にサブページが読み込まれて表示されます。時間。親ページでは、
    ログイン後にコピー
ログイン後にコピー
  1. 親ページ内のサブページを操作または制御する必要がある場合は、JavaScript を使用して実現できます。
    ログイン後にコピー

上記のコードは、changeContent()という名前の JavaScript 関数を定義しており、サブディレクトリ内の

# を取得します。 -page.## 要素を作成し、そのテキストの内容を変更します。次に、親ページにボタンを追加し、

onclickイベントを通じて関数をバインドします。ボタンをクリックすると、親ページはchangeContent()関数を呼び出して、子ページのコンテンツを変更します。

概要

HTML サブページを使用すると、複雑な Web サイトとアプリケーションをモジュール部分に分割でき、保守と管理が容易になります。