ホームページ制作 htmlタグ iframe インラインフレーム

htmlタグ|iframe [ホームページ制作の基本タグ]


<iframe></iframe>

ホームページ制作(ウェブサイト制作)の際に使用する<iframe>タグについてのご説明です。

ホームページ制作において<iframe>(インラインフレーム)タグは、ホームページ(ウェブサイト)のページ中に挿入するインラインフレームを設置する際に使用します。

現在ではホームページ中に外部の地図データなどを埋め込む際によく使用されています。

<iframe> インラインフレームの定義

ホームページ制作 htmlタグ iframe インラインフレーム

Inline Frame(インラインフレーム)。ホームページ制作において<iframe>タグはインラインフレームの定義に使用します。外部サイトなどに表示されているページデータを呼び出して表示する際に使用します。

ウィンドウの中に独立して表示される形式のインラインのフレームを設置する場合に<iframe>タグを用います。

なお、<frameset>はウィンドウを水平・垂直に分割します。

一般的に<iframe>タグは、マップサイトからの地図の呼び出しなどに使用されます。

src

フレームに表示文書のURLを指定

画像ファイルを直接指定せず、 画像ファイルを含んだ文書を指定します。

src=””

URL

name

フレーム名を指定

name=””

align

インラインフレームとその周りに配置されるテキストの並びを指定

align=””

top middle bottom left right

align=”top”

フレームとテキストが上揃え

align=”middle”

フレームとテキストが上下センター揃え

align=”bottom”

フレームとテキストが下揃え

align=”left”

フレームが左端、その右にテキストが回り込みます

align=”right”

フレームが右端、その左にテキストが回りみます

marginwidth

フレーム内の左右マージンを指定

marginwidth=””

px

marginheight

フレーム内の上下マージンを指定

marginheight=””

px

noresize

フレームサイズを変更できないように指定

各フレームサイズの初期値はユーザー側での変更が可能ですが、
noresize属性でフレームサイズ変更ができないように指定することができます。

XHTML1.0の場合、省略不可。以下のように記述

noresize=”noresize”

scrolling

スクロールバーの表示・非表示を指定

初期値(無指定)はauto

scrolling=””

常にスクロールバーを表示させます yes
常にスクロールバーを表示させません no

frameborder

フレーム境界に枠を表示
初期値は1で、枠が表示されます。
境界線を表示させたくない場合は0を指定で非表示。

frameborder=””

数値 もしくは yes no

bordercolor

フレーム境界線の色を指定

bordercolor=””

ホームページ制作ではマップ情報や動画の埋め込みに

ホームページ制作 マップ情報や動画の埋め込み

インラインフレームは主に外部サイトの情報などをページに埋め込む際に使用されるタグです。

現在、ホームページ制作において<iframe>タグはページ中にGoogleMapやYouTube動画を埋め込む際によく使用されます。

GoogleMapやYouTubeにて埋め込みタグの発行をしてくれますが、表示サイズ等ページでの表示にカスタマイズを加える場合には、<iframe>タグの属性指定を行います。

<iframe></iframe>

この<iframe>タグはhtml4.01、html5どちらのhtmlバージョンで制作されたホームページ(ウェブサイト)でも使用することができるため、CMS内で生成するコンテンツなどにおいても、ベースとなるWordPressテーマなどのhtmlバージョンに影響されず使用することができます。

ホームページ(ウェブサイト)制作・作成に役立つHTML5のタグ一覧は
⇒html5 tag reference index ホームページ制作の基本タグ

ホームページ制作・SEOの1ポイント

iframe ホームページ制作 SEO

フレームとインラインフレームのように、何がどう違うのかわかりにくいhtmlタグがありますが、こうしたタグの違いを理解するには、ブロック要素とインライン要素の違いをまず理解する必要があります。ホームページ制作において、会社概要ページなど、ページの中に住所が記載されているようなページを作成する際にインラインフレームを利用してGoogleMapなどの地図データを呼び出す事があります。ユーザーの利便性を考えれば、こうした地図の埋め込みはページクオリティを測る上でプラスになることから、SEOにおいてもプラスに働くかもしれません。

ホームページ(ウェブサイト)のHTML編集方法

ホームページのHTML編集方法について。ホームページ(ウェブサイト)は基本的にHTMLで構成されています。かつてはHTML単独でHTMLの文書スタイルを設定していましたが、現代ではページの基本構成はHTMLで、外観はスタイルシート・CSSで設定されています。ホームページ制作・作成、ホームページ修正の基本はこのHTMLとCSSの編集で行います。

ホームページのHTML編集方法

ホームページ制作(ウェブサイト制作)なら
Web制作会社ファンフェアファンファーレへ

「Web集客できるホームページ制作・作成(ウェブサイト制作)
『お客さまのお客さま目線』でのWeb制作、Webマーケティング」
ホームページ制作 京都のWeb制作会社(ホームページ制作会社)ファンフェアファンファーレは、Webマーケティングツールとして、Webマーケティング・SEMを意識したWeb集客・プロモーション力のあるSEO特性・ウェブPR力の高いSEO対策付きのホームページ制作(ウェブサイト制作)・作成、WordPress(ワードプレス)やEC-CUBE(イーシーキューブ)などのCMS(コンテンツマネジメントシステム)の導入やカスタマイズ、ウェブサイトの高速表示化、レスポンシブデザイン、モバイルフレンドリーを得意としています。
ホームページ制作サービスにあたり、WordPress(ワードプレス)を利用したホームページ制作(ウェブサイト制作)をはじめ、HTML5,CSS3,jQueryによるホームページ制作を行っております。Web集客のためのWebマーケティング効果の高いホームページ制作をはじめ、ホームページのリニューアル・更新・修正・管理、ホームページのSEO(SEO対策)、ホームページ運営やWebマーケティングにかかるWebコンサルティングなど、様々なサービスを提供しています。
Web集客・Webマーケティングに効果的なコンテンツマーケティング・コンテンツSEO・ウェブPRを加速させるWordPressなどCMSを活用したオウンドメディア構築、既にお持ちのホームページ(ウェブサイト)のWordPress化やWordPressのカスタマイズもお任せください!
ホームページ制作価格表(Web制作サービス)

WordPressホームページ制作(ウェブサイト制作)

WordPressをベースとしたホームページ制作やWordPressサイトのカスタマイズもおまかせください!既存ホームページをWordPressサイトへと変更する「WordPress化」のカスタマイズも可能です!
新規WordPressホームページ制作や既存ホームページのWordPress化では、コンテンツマーケティングのためのホームページ内オウンドメディア構築に対応しています。
既に運用されているWordPressサイトの軽微な修正や大規模なカスタマイズまであらゆる分野に対応可能です。WordPressサイトのSEOやWordPressのエラー修正・復旧にも対応しています。

HTML5でのホームページ制作(ウェブサイト制作)

HTML5での静的HTMLホームページ制作(ウェブサイト制作)やHTML5でのWordPress(ワードプレス)テーマの制作なら、京都のWeb制作会社(ホームページ制作会社)ファンフェアファンファーレにお任せください! HTML5で構築した企業ホームページ制作や店舗ホームページ制作をはじめ、PRサイトの制作、メディアサイト・情報サイトの制作、モバイルサイト・スマホサイト、ECサイト・ネットショップまであらゆるホームページ制作に対応しております。
静的HTMLでの新規ホームページ制作に関しては全てHTML5でページを作成させていただきます。HTMLでのリスティング広告用LP制作にも対応しております。
HTML4.01、HTML5問わずHTMLソースの修正にも対応しておりますので、既存ホームページの修正やカスタマイズもお任せください!

ホームページ制作実績

新規ホームページ制作・カスタマイズ実績のある業種・エリアや、ホームページ制作事例・サイトカスタマイズ事例などホームページ制作実績のご紹介。企業の公式ホームページをはじめ、各種ホームページ制作(ホームページ作成)に対応しています。
ホームページ制作実績

ホームページの更新・修正

ホームページのページ更新やページ追加、文章や価格の修正、リンクの修正をはじめ、ホームページ内部の様々な箇所の修正など、各種ホームページの更新・ホームページの修正の代行に対応しております。 ホームページの更新や修正にかかる単発のご依頼で対応させていただいておりますので、軽微な修正でもお気軽にご相談ください。スマホ対応化やSSL化、ホームページのエラー修正・エラー復旧にも対応しております。
ホームページの更新・修正料金 価格表

ホームページ制作 京都

ホームページ制作 京都」 京都府京都市内(上京区、中京区、下京区、東山区、右京区、左京区、北区、南区、西京区、山科区、伏見区)では、ホームページ制作(Web制作)につき、ご訪問での打ち合わせ・ヒアリング・ご提案をさせていただいております。京都でホームページ制作・ホームページ作成・Web制作ならお任せください。Web制作会社・ホームページ制作会社 ファンフェアファンファーレでは、京都はもちろんホームページ制作・SEO(SEO対策)・WebマーケティングのWebコンサルティングにつき全国対応しております。WordPressやHTML5でのホームページ制作・作成ならお任せください!ホームページの修正・更新作業・エラー修正にも対応可能です。


「htmlタグ|iframe [ホームページ制作の基本タグ]」のカテゴリ html tag d e f h i k
タグ: , ,


ホームページ制作・カスタマイズ、Webマーケティング・SEOなどのお問い合わせ・ご依頼