ホームページ > 記事 > ウェブフロントエンド > H5 学習の旅 - H5 フレームワーク (13)
H5 学習の旅 - H5 フレームワーク (13)
- 黄舟オリジナル
- 2017-02-17 14:43:251591ブラウズ
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>! ！ ！ ！ ！レンダリング中
! ！ ！ ！ ！ ！上記の 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 フレーム構文の紹介: フレーム: フレームはページのデザインにおいて大きな役割を果たします。 フレームセット: フレームセット タグはウィンドウをフレームに分割する方法を定義します。各フレームセットはいくつかの行または列を定義します。各行または列が占める画面 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>! ！ ！ ！ ！レンダリング中
! ！ ！ ！ ！ ！上記の 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) の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。