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

H5 学習の旅 - H5 フレームワーク (13)

黄舟
リリース： 2017-02-17 14:43:25
オリジナル
1650 人が閲覧しました

H5 フレーム構文の紹介: Frame: フレームは、ページのデザインにおいて大きな役割を果たします。frameSet: フレームセット タグは、ウィンドウをフレームに分割する方法を定義し、rowS/COLS を指定します。各行、または画面上の各列が占める領域 noresize: 固定フレーム サイズcols: 行比率 rows: 列比率 iframe: インライン フレーム

コード例: 

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格提交</title></head>
   <frameset cols="20%,50%,30%">
       <frame src="framea.html">
       <frame src="frameb.html">
       <frame src="framec.html">
   </frameset></html>
ログイン後にコピー
ログイン後にコピー

! ！ ！ ！ ！レンダリング中

H5 学習の旅 - H5 フレームワーク (13)

! ！ ！ ！ ！ ！上記の 2 つのタグは古いものです。以下では、index、framec、frameb、framea を使用するインライン タグ iframe

を紹介します。これは、iframe の形式でレイヤーごとにネストされ、a タグのターゲット属性を示します。 parent は、前のネストされた親コントロールで開くことを意味し、top は最上位のコントロールで開くことを意味します

インデックスコード

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格提交</title></head>

    index    <iframe src="framec.html" width="800px" height="800px"></iframe></html>
ログイン後にコピー
ログイン後にコピー

framecコード

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="#ffd700">
    framec    <br/>
    <iframe src="frameb.html" width="600px" height="600px" ></iframe></body></html>
ログイン後にコピー
ログイン後にコピー

framebコード

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="black">
    frameB    <br/>
    <iframe src="framea.html" width="400px" height="400px"></iframe></body></html>
ログイン後にコピー
ログイン後にコピー

frameaコード

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="#ff1493">
    frameA    <a href="http://wwww.baidu.com" target="_self">百度一下</a></body></html>
ログイン後にコピー
ログイン後にコピー

自己レンダリング

H5 学習の旅 - H5 フレームワーク (13)

親レンダリング

H5 学習の旅 - H5 フレームワーク (13)

H5 フレーム構文の紹介: フレーム: フレームはページのデザインにおいて大きな役割を果たします。 フレームセット: フレームセット タグはウィンドウをフレームに分割する方法を定義します。各フレームセットはいくつかの行または列を定義します。各行または列が占める画面 noresize: 固定フレーム サイズcols: 行比率 rows: 列比率 iframe: インライン フレーム

コード例: 

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格提交</title></head>
   <frameset cols="20%,50%,30%">
       <frame src="framea.html">
       <frame src="frameb.html">
       <frame src="framec.html">
   </frameset></html>
ログイン後にコピー
ログイン後にコピー

! ！ ！ ！ ！レンダリング中

H5 学習の旅 - H5 フレームワーク (13)

! ！ ！ ！ ！ ！上記の 2 つのタグは古いものです。以下では、index、framec、frameb、framea を使用するインライン タグ iframe

を紹介します。これは、iframe の形式でレイヤーごとにネストされ、a タグのターゲット属性を示します。 parent、は前のネストされた親コントロールで開くことを意味し、topは最上位のコントロールで開くことを意味します

インデックスコード

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格提交</title></head>

    index    <iframe src="framec.html" width="800px" height="800px"></iframe></html>
ログイン後にコピー
ログイン後にコピー

framecコード

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="#ffd700">
    framec    <br/>
    <iframe src="frameb.html" width="600px" height="600px" ></iframe></body></html>
ログイン後にコピー
ログイン後にコピー

framebコード

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="black">
    frameB    <br/>
    <iframe src="framea.html" width="400px" height="400px"></iframe></body></html>
ログイン後にコピー
ログイン後にコピー

frameaコード

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="#ff1493">
    frameA    <a href="http://wwww.baidu.com" target="_self">百度一下</a></body></html>
ログイン後にコピー
ログイン後にコピー

自己レンダリング

H5 学習の旅 - H5 フレームワーク (13)

親レンダリング

H5 学習の旅 - H5 フレームワーク (13)

上記は、H5 学習の旅 - H5 フレームワーク (13) の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。


関連ラベル：
H5，学习之旅，框架
ソース：php.cn
前の記事：H5 学習の旅 - H5 の PHP との対話 (12) 次の記事：H5 学習の旅 - H5 エンティティ (14)
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1731
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
1885
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1597
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1510
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1547
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！