HOMEへ   ホームページを作ろう |レンタルサーバいろいろ
TOPB B SScriptPCMY-LOG
Click Here!

作 成

作 成 2

基礎知識

装 飾 術

<<前へ  |1234567891011121314151617|  次へ>>

★今すぐ仕事に結びつく稼げる資格!スキルアップガイド無料進呈中 Click Here![PR]

● フレーム表示

ウェブページにはページに範囲の概念がなく、 縦方向も、横方向も無限の広さを持つと考えられます。
しかし、どんなに広くても表示できるページは一つです。 そんなウェブページにフレーム(枠)の概念を与える要素があります。 この要素を使うことで、一つのウィンドウ内に複数のページを表示することが出来ます。

○インラインフレーム

IFRAME要素を使用すると、ウェブページ内に他のページを映し出す事が出来ます。
IFRAME要素は、当サイトのHOMEページのある更新履歴で利用しています。


↑HOMEページにある更新情報です。別のファイルを投影しているので、ココでも表示できます。

<IFRAME src="../whatnew.htm" name="whatnew" width="300" height="100" scrolling="no" frameborder="0">
インラインフレーム使用 未対応ブラウザはこちらへ↓<BR>
<A href="../whatnew.htm" target="_blank">更新情報</A><BR>
</IFRAME><BR>

主に使用する属性は、以下の通りです。
src属性はこのフレームに表示するファイルを設定します。
width属性はこのフレームの幅を設定します。
height属性はこのフレームの高さを設定します。
name属性はこのフレームの名前を設定します。この設定により、リンク先ページをフレームへ表示したい場合の目標となります。
scrolling属性はフレームウインドウのスクロール機構の表示を設定するもので、属性値は以下の3つから選びます。
auto:自動的にフレームウインドウにスクロール機構を表示する設定で、初期値です。
yes:常にフレームウインドウにスクロール機構を表示する設定です。
no:必要不必要にかかわらずフレームウインドウにスクロール機構を表示しない設定です。
frameborder属性は、表示するフレームのボーダーを設定するもので、属性値は以下の2つから選びます。
1:隣接するすべてのフレーム間に境界線を表示する設定で、これは初期値です。
0:隣接するすべてのフレーム間に境界線を表示しないように設定するものですが、 フレーム構造のページでこの属性を使用するときに、 隣のフレームが境界線を表示する設定になっている場合は表示される事があります。
marginwidth属性は、フレーム内の記事に対して左右のマージン量を設定します。
値は0ピクセル以上でなければならならず、初期値はブラウザに依存します。
marginheight属性は、フレーム内の記事に対して上下のマージン量を設定します。
値は0ピクセル以上でなければならならず、初期値はブラウザに依存します。
longdesc属性は、フレームに関する詳細な記述があるページへのリンクを設定します。
この記述は、title属性によって設定できる短い文を補足するためのもので、 非視覚系の環境で閲覧する人のために使用します。

上の例だと『whatnew.htm』というファイルを、幅300px、高さ100pxの枠内に表示します。 『scrolling="no"』と設定されているので、スクロールバーは表示されません。
IFRAME要素内の記述はインラインフレーム未対応ブラウザが表示します。 そこには、フレーム先のリンクを記述しておくと、直接そのファイルを開くことで閲覧できるので親切でしょう。

name属性に設定された名前はA要素による ハイパーリンクでの目標(ターゲット)となります。
A要素にtarget属性に、 IFRAME要素のname属性の属性値と同じ値を設定すれば、 そのハイパーリンクのリンク先をそのフレームに表示するようにできます。

  
<=左側 [] [] [] [] [
右側=> [] [] [] [] [

<IFRAME src="./html/silver.htm" name="colorA" width="300" height="100">
[<A href="./html/silver.htm" target="colorA">銀</A>]
IFRAME要素のname属性とA要素のtarget属性の値を同じにします。

<<前へ  |上へ|  次へ>>
1234567891011121314151617

パソコンのウイルス対策大丈夫ですか?どれかひとつは入れておきたい対策ソフト
マカフィー・ストア シマンテックストア ウイルスバスター公式トレンドマイクロ・オンラインショップ

TOP] [HOME

更新日時:2014/08/09