[HTML] 疑似インラインフレーム

  • このエントリーをはてなブックマークに追加
  • Pocket

attention この記事は2年以上前の投稿になります。
記載された情報が古くなっている可能性がございますので十分ご注意ください。

規約などを記載する時に別にファイルを用意するのではなく、同じHTML内に規約などの本文も記載する書き方です。

<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta http-equiv="content-style-type" content="text/css">
   <title>疑似インラインフレーム</title>
   <style type="text/css">
      .innerframe
      {
         width: 300px;
         height: 120px;
         border: solid 1px #808080;
         padding: 0.5em;
         overflow: auto;
      }
   </style>
</head>
<body>
   <h1>疑似インラインフレームのサンプル</h1>
   <div class="innerframe">
      <p>規約とか個人情報保護方針</p>
      ・・・・・ここから・・・・・・<br />
      ・・・・・・・・・・・・・・・・・・<br />
      ・・1・・・・・・・・・・・・・・・<br />
      ・・・・・・・・・・・・・・・・・・<br />
      ・・2・・・・・・・・・・・・・・・<br />
      ・・・・・・・・・・・・・・・・・・<br />
      ・・3・・・・・・・・・・・・・・・<br />
      ・・・・・・・・・・・・・・・・・・<br />
      ・・4・・・・・・・・・・・・・・・<br />
      ・・・・・・・・・・・・・・・・・・<br />
      ・・・・・・・・・・・・・・・・・・<br />
      ・・・・・ここまで・・・・・・<br />
   </div>
</body>
</html>

実際にはこんな感じになる。

規約とか個人情報保護方針

・・・・・ここから・・・・・・
・・・・・・・・・・・・・・・・・・
・・1・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・
・・2・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・
・・3・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・
・・4・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・
・・・・・ここまで・・・・・・

ご訪問ありがとうございます。
参考になりましたら『いいね!』もお願いします。

ITの活用情報を毎週お届けする無料メルマガに是非ご登録ください。

閉じる

ご意見・ご感想をお待ちしております。

いただいた情報は一般公開されません。(入力いただいたメールアドレスにてご返信させていただきます)
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。