屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。<\/p>\n\n\n
<\/pre>\n同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。<\/p>\n<\/pre>\nただし、 はタグは HTML5 で非推奨となり、使用されなくなりました。<\/p>\nHTML のさまざまなタイプのフレーム<\/h3>\nフレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、 內(nèi)の 1 つのウィンドウ フレームを定義します。<\/p>\n Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。<\/p>\nフレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。<\/p>\nフレームタグの種類<\/h3>\n次に、さまざまなタイプのフレーム タグを示します:<\/p>\nタグ屬性<\/h4>\n には 5 つの重要な屬性があり、ここで説明します:<\/p>\n1. Col:<\/strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。<\/p>\n\nピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.<\/li>\n<\/ul>\n\nパーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”<\/li>\n<\/ul>\nここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。<\/p>\ncols=”30%,*,30%”<\/p>\n<\/p>\n出力:<\/strong><\/p>\n<\/p>\n2. Rows:<\/strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:<\/p>\n例:<\/strong> 行=”10%,80%,10%'.<\/p>\n以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。<\/p>\n<\/p>\n出力:<\/strong><\/p>\n<\/p>\n3. Border<\/strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。<\/p>\n例:<\/strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。<\/p>\n4. Frameborder:<\/strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。<\/p>\n例:<\/strong> Frameborder=”0” は境界線なしを意味します。<\/p>\n5. Framespacing:<\/strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。<\/p>\n例:<\/strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。<\/p>\nタグ屬性<\/h4>\nこのセクションでは 8 つの屬性をリストできます。<\/p>\n1. src:<\/strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。<\/p>\n例:<\/strong> src= www.facebook.com<\/p>\n2. name:<\/strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。<\/p>\n例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。<\/p>\n
<\/pre>\nただし、 はタグは HTML5 で非推奨となり、使用されなくなりました。<\/p>\nHTML のさまざまなタイプのフレーム<\/h3>\nフレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、 內(nèi)の 1 つのウィンドウ フレームを定義します。<\/p>\n Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。<\/p>\nフレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。<\/p>\nフレームタグの種類<\/h3>\n次に、さまざまなタイプのフレーム タグを示します:<\/p>\nタグ屬性<\/h4>\n には 5 つの重要な屬性があり、ここで説明します:<\/p>\n1. Col:<\/strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。<\/p>\n\nピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.<\/li>\n<\/ul>\n\nパーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”<\/li>\n<\/ul>\nここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。<\/p>\ncols=”30%,*,30%”<\/p>\n<\/p>\n出力:<\/strong><\/p>\n<\/p>\n2. Rows:<\/strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:<\/p>\n例:<\/strong> 行=”10%,80%,10%'.<\/p>\n以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。<\/p>\n<\/p>\n出力:<\/strong><\/p>\n<\/p>\n3. Border<\/strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。<\/p>\n例:<\/strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。<\/p>\n4. Frameborder:<\/strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。<\/p>\n例:<\/strong> Frameborder=”0” は境界線なしを意味します。<\/p>\n5. Framespacing:<\/strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。<\/p>\n例:<\/strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。<\/p>\nタグ屬性<\/h4>\nこのセクションでは 8 つの屬性をリストできます。<\/p>\n1. src:<\/strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。<\/p>\n例:<\/strong> src= www.facebook.com<\/p>\n2. name:<\/strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。<\/p>\n例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
ただし、 はタグは HTML5 で非推奨となり、使用されなくなりました。<\/p>\n
フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、
Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。<\/p>\n
フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。<\/p>\n
次に、さまざまなタイプのフレーム タグを示します:<\/p>\n
には 5 つの重要な屬性があり、ここで説明します:<\/p>\n
1. Col:<\/strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。<\/p>\n\nピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.<\/li>\n<\/ul>\n\nパーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”<\/li>\n<\/ul>\nここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。<\/p>\ncols=”30%,*,30%”<\/p>\n<\/p>\n出力:<\/strong><\/p>\n<\/p>\n2. Rows:<\/strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:<\/p>\n例:<\/strong> 行=”10%,80%,10%'.<\/p>\n以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。<\/p>\n<\/p>\n出力:<\/strong><\/p>\n<\/p>\n3. Border<\/strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。<\/p>\n例:<\/strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。<\/p>\n4. Frameborder:<\/strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。<\/p>\n例:<\/strong> Frameborder=”0” は境界線なしを意味します。<\/p>\n5. Framespacing:<\/strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。<\/p>\n例:<\/strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。<\/p>\nタグ屬性<\/h4>\nこのセクションでは 8 つの屬性をリストできます。<\/p>\n1. src:<\/strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。<\/p>\n例:<\/strong> src= www.facebook.com<\/p>\n2. name:<\/strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。<\/p>\n例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。<\/p>\n
cols=”30%,*,30%”<\/p>\n
<\/p>\n
出力:<\/strong><\/p>\n<\/p>\n2. Rows:<\/strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:<\/p>\n例:<\/strong> 行=”10%,80%,10%'.<\/p>\n以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。<\/p>\n<\/p>\n出力:<\/strong><\/p>\n<\/p>\n3. Border<\/strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。<\/p>\n例:<\/strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。<\/p>\n4. Frameborder:<\/strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。<\/p>\n例:<\/strong> Frameborder=”0” は境界線なしを意味します。<\/p>\n5. Framespacing:<\/strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。<\/p>\n例:<\/strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。<\/p>\nタグ屬性<\/h4>\nこのセクションでは 8 つの屬性をリストできます。<\/p>\n1. src:<\/strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。<\/p>\n例:<\/strong> src= www.facebook.com<\/p>\n2. name:<\/strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。<\/p>\n例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
2. Rows:<\/strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:<\/p>\n例:<\/strong> 行=”10%,80%,10%'.<\/p>\n以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。<\/p>\n<\/p>\n出力:<\/strong><\/p>\n<\/p>\n3. Border<\/strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。<\/p>\n例:<\/strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。<\/p>\n4. Frameborder:<\/strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。<\/p>\n例:<\/strong> Frameborder=”0” は境界線なしを意味します。<\/p>\n5. Framespacing:<\/strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。<\/p>\n例:<\/strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。<\/p>\nタグ屬性<\/h4>\nこのセクションでは 8 つの屬性をリストできます。<\/p>\n1. src:<\/strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。<\/p>\n例:<\/strong> src= www.facebook.com<\/p>\n2. name:<\/strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。<\/p>\n例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
例:<\/strong> 行=”10%,80%,10%'.<\/p>\n以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。<\/p>\n<\/p>\n出力:<\/strong><\/p>\n<\/p>\n3. Border<\/strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。<\/p>\n例:<\/strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。<\/p>\n4. Frameborder:<\/strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。<\/p>\n例:<\/strong> Frameborder=”0” は境界線なしを意味します。<\/p>\n5. Framespacing:<\/strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。<\/p>\n例:<\/strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。<\/p>\nタグ屬性<\/h4>\nこのセクションでは 8 つの屬性をリストできます。<\/p>\n1. src:<\/strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。<\/p>\n例:<\/strong> src= www.facebook.com<\/p>\n2. name:<\/strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。<\/p>\n例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。<\/p>\n
出力:<\/strong><\/p>\n<\/p>\n3. Border<\/strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。<\/p>\n例:<\/strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。<\/p>\n4. Frameborder:<\/strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。<\/p>\n例:<\/strong> Frameborder=”0” は境界線なしを意味します。<\/p>\n5. Framespacing:<\/strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。<\/p>\n例:<\/strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。<\/p>\nタグ屬性<\/h4>\nこのセクションでは 8 つの屬性をリストできます。<\/p>\n1. src:<\/strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。<\/p>\n例:<\/strong> src= www.facebook.com<\/p>\n2. name:<\/strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。<\/p>\n例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
3. Border<\/strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。<\/p>\n例:<\/strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。<\/p>\n4. Frameborder:<\/strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。<\/p>\n例:<\/strong> Frameborder=”0” は境界線なしを意味します。<\/p>\n5. Framespacing:<\/strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。<\/p>\n例:<\/strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。<\/p>\nタグ屬性<\/h4>\nこのセクションでは 8 つの屬性をリストできます。<\/p>\n1. src:<\/strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。<\/p>\n例:<\/strong> src= www.facebook.com<\/p>\n2. name:<\/strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。<\/p>\n例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
例:<\/strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。<\/p>\n4. Frameborder:<\/strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。<\/p>\n例:<\/strong> Frameborder=”0” は境界線なしを意味します。<\/p>\n5. Framespacing:<\/strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。<\/p>\n例:<\/strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。<\/p>\nタグ屬性<\/h4>\nこのセクションでは 8 つの屬性をリストできます。<\/p>\n1. src:<\/strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。<\/p>\n例:<\/strong> src= www.facebook.com<\/p>\n2. name:<\/strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。<\/p>\n例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
4. Frameborder:<\/strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。<\/p>\n例:<\/strong> Frameborder=”0” は境界線なしを意味します。<\/p>\n5. Framespacing:<\/strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。<\/p>\n例:<\/strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。<\/p>\nタグ屬性<\/h4>\nこのセクションでは 8 つの屬性をリストできます。<\/p>\n1. src:<\/strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。<\/p>\n例:<\/strong> src= www.facebook.com<\/p>\n2. name:<\/strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。<\/p>\n例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
例:<\/strong> Frameborder=”0” は境界線なしを意味します。<\/p>\n5. Framespacing:<\/strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。<\/p>\n例:<\/strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。<\/p>\nタグ屬性<\/h4>\nこのセクションでは 8 つの屬性をリストできます。<\/p>\n1. src:<\/strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。<\/p>\n例:<\/strong> src= www.facebook.com<\/p>\n2. name:<\/strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。<\/p>\n例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
5. Framespacing:<\/strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。<\/p>\n例:<\/strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。<\/p>\nタグ屬性<\/h4>\nこのセクションでは 8 つの屬性をリストできます。<\/p>\n1. src:<\/strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。<\/p>\n例:<\/strong> src= www.facebook.com<\/p>\n2. name:<\/strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。<\/p>\n例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
例:<\/strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。<\/p>\nタグ屬性<\/h4>\nこのセクションでは 8 つの屬性をリストできます。<\/p>\n1. src:<\/strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。<\/p>\n例:<\/strong> src= www.facebook.com<\/p>\n2. name:<\/strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。<\/p>\n例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
このセクションでは 8 つの屬性をリストできます。<\/p>\n
1. src:<\/strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。<\/p>\n例:<\/strong> src= www.facebook.com<\/p>\n2. name:<\/strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。<\/p>\n例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
例:<\/strong> src= www.facebook.com<\/p>\n2. name:<\/strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。<\/p>\n例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
2. name:<\/strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。<\/p>\n例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
例:<\/strong> name=”abc.htm.”<\/p>\n3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
3. Frameborder:<\/strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。<\/p>\n4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
4. marginwidth:<\/strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
例:<\/strong> marginwidth=”10”.<\/p>\n\n\n5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
5. marginheight:<\/strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。<\/p>\n例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
例:<\/strong> marginheight=”10”.<\/p>\n6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
6. noresize:<\/strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。<\/p>\n例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
例:<\/strong> noresize=”noresize.”<\/p>\n7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
7. Scrolling:<\/strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。<\/p>\n例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
例:<\/strong>scroll=” no” は、スクロール バーを含めないことを意味します。<\/p>\n8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
8. longdesc:<\/strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。<\/p>\n例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
例:<\/strong> longdesc=”framedesc.htm.”<\/p>\nフレームとブラウザのサポート<\/h3>\n古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p> 以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。 このウェブサイトの聲明 この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。 ホットAIツール Undress AI Tool 脫衣畫像を無料で Undresser.AI Undress リアルなヌード寫真を作成する AI 搭載アプリ AI Clothes Remover 寫真から衣服を削除するオンライン AI ツール。 Clothoff.io AI衣類リムーバー Video Face Swap 完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。 もっと見る 人気の記事 グラスワンダービルドガイド|ウマゴサメはかなりダービーです 1 か月前 By Jack chen <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法 4週間前 By DDD Uma Musume Pretty Derby Bannerスケジュール（2025年7月） 1 か月前 By Jack chen 船と墓のためのRimworld Odyssey溫度ガイド 3週間前 By Jack chen Windowsセキュリティは空白であるか、オプションを表示しません 1 か月前 By 下次還敢 もっと見る ホットツール メモ帳++7.3.1 使いやすく無料のコードエディター SublimeText3 中國語版 中國語版、とても使いやすい ゼンドスタジオ 13.0.1 強(qiáng)力な PHP 統(tǒng)合開発環(huán)境 ドリームウィーバー CS6 ビジュアル Web 開発ツール SublimeText3 Mac版 神レベルのコード編集ソフト（SublimeText3） もっと見る ホットトピック Laravel チュートリアル 1600 29 PHP チュートリアル 1502 276 もっと見る Related knowledge なぜ私の畫像がHTMLに表示されないのですか？ Jul 28, 2025 am 02:08 AM 表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。 別のタグ內(nèi)にタグを入れることはできますか？ Jul 27, 2025 am 04:15 AM youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh HTMLで順序付けられていないリストを作成する方法は？ Jul 30, 2025 am 04:50 AM HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。 コンテンツ誘導(dǎo)性の屬性を使用する方法は？ Jul 28, 2025 am 02:24 AM thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM semantichtmlimprovesbothseoandaccessibilityを使用することはできません html5 schema.orgマークアップを使用してカスタム語彙を定義します。 Jul 31, 2025 am 10:50 AM Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse HTMLのリンクタグのREL屬性の目的は何ですか？ Aug 03, 2025 pm 04:50 PM rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon; See all articles
古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。<\/p>\n<p>実際には、<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 <\/p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。\n<p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません?！雇ㄖ筏蓼埂?\/p>\n<h3>結(jié)論<\/h3>\n<p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。<\/p>\n<\/noframes>"} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ja/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a> <a href="http://www.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a> <a href="http://www.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a> <a href="http://www.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a> <a href="http://www.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a> <a href="http://www.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a> <a href="http://www.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a> <a href="http://www.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a> <a href="http://www.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a> <a href="http://www.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:;" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">目次</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2"> <!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームの構(gòu)文" title="フレームの構(gòu)文" >フレームの構(gòu)文</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-のさまざまなタイプのフレーム" title="HTML のさまざまなタイプのフレーム" >HTML のさまざまなタイプのフレーム</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームタグの種類" title="フレームタグの種類" >フレームタグの種類</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#タグ屬性" title="タグ屬性" >タグ屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#フレームとブラウザのサポート" title="フレームとブラウザのサポート" >フレームとブラウザのサポート</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結(jié)論" title="結(jié)論" >結(jié)論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ja/" title="ホームページ" class="phpgenera_Details_mainL1a">ホームページ</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/web-designer.html" class="phpgenera_Details_mainL1a">ウェブフロントエンド</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ja/div-tutorial.html" class="phpgenera_Details_mainL1a">htmlチュートリアル</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTMLフレーム</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTMLフレーム</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ja/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:15 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">html</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p>HTML フレームは、Web ページまたは Web ブラウザを複數(shù)のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。</p> <p>A フレームは、コンテナから獨(dú)立してコンテンツを表示します。複數(shù)のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。</p> <p>各フレームには、それを示すフレームタグがあります。 HTML文書では、橫枠はframeタグのrow屬性で定義され、縦枠はframeタグのcolumn屬性で定義されます。 1 つのフレーム內(nèi)の同じウィンドウに、靜的なバナーや 2 番目のナビゲーション メニューなどが表示される場(chǎng)合があります。</p> <h3 id="フレームの構(gòu)文">フレームの構(gòu)文</h3> <p>HTML には <frame> の終了タグがありません。タグ。 Web ページでフレームを使用するときは、<frameset> を使用します。 <body> の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。<frame>タグは、どの HTML ドキュメントをフレームとして開くかを定義します。 </p> <p>屬性 Cols はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の列の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><cols ="10%,80%,10%"></pre> <p>同様に、上で見たように、屬性行はピクセル?yún)g位の値を受け取り、フレームセット內(nèi)の行の數(shù)とサイズを指定するのに役立ちます。</p> <pre class="brush:php;toolbar:false"><rows ="10%,80%,10%"></pre> <p>ただし、<frame> はタグは HTML5 で非推奨となり、使用されなくなりました。</p> <h3 id="HTML-のさまざまなタイプのフレーム">HTML のさまざまなタイプのフレーム</h3> <p>フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、<frameset> 內(nèi)の 1 つのウィンドウ フレームを定義します。</p> <p> Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。</p> <p>フレーム內(nèi)でよく使用されるさまざまな屬性は、border、scrolling、src、name などの屬性です。</p> <h3 id="フレームタグの種類">フレームタグの種類</h3> <p>次に、さまざまなタイプのフレーム タグを示します:</p> <h4 id="タグ屬性">タグ屬性</h4> <p> には 5 つの重要な屬性があり、ここで説明します:</p> <p><strong>1. Col:</strong> Col 屬性は垂直フレームを與えます。ただし、幅は 4 つの方法で指定できます。</p> <ul> <li>ピクセル: 絶対値をピクセル?yún)g位で指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”100,50,100”.</li> </ul> <ul> <li>パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場(chǎng)合は、次の値を指定できます:cols=”40%,20%,40%”</li> </ul> <p>ここでワイルドカード (*) を使用して、言及されていない殘りのウィンドウをワイルドカードに取らせることもできます。</p> <p>cols=”30%,*,30%”</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773147376.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773333971.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>2. Rows:</strong> row 屬性は水平フレームを與えます。フレームセット內(nèi)の行を指定します。 3 つの水平フレームを作成する必要がある場(chǎng)合は、次を使用します:</p> <p><strong>例:</strong> 行=”10%,80%,10%'.</p> <p>以前に列の場(chǎng)合に行ったように、各行の高さを設(shè)定することもできます。</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773595638.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>出力:</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543773684259.png" class="lazy" alt="HTMLフレーム" ></p> <p><strong>3. Border</strong>: 各フレームの境界線の幅をピクセル?yún)g位で指定します。</p> <p><strong>例:</strong> border=”4”。 border=”0” の場(chǎng)合、境界線がないことを意味します。</p> <p><strong>4. Frameborder:</strong> フレーム間に 3 次元の境界線を表示する必要がある場(chǎng)合は、この屬性を使用します。屬性が取る値は 1 または 0 (Yes または No) です。</p> <p><strong>例:</strong> Frameborder=”0” は境界線なしを意味します。</p> <p><strong>5. Framespacing:</strong> この屬性は、フレームセット內(nèi)のフレーム間のスペースの量を指定します。この屬性には任意の整數(shù)値をここで指定できます。</p> <p><strong>例:</strong> Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。</p> <h4 id="タグ屬性">タグ屬性</h4> <p>このセクションでは 8 つの屬性をリストできます。</p> <p><strong>1. src:</strong> フレームにロードされるファイル名をこの屬性に指定します。この屬性の値には任意の URL を指定できます。</p> <p><strong>例:</strong> src= www.facebook.com</p> <p><strong>2. name:</strong> この屬性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複數(shù)のリンクがあり、それが別のフレームに読み込まれる場(chǎng)合は、この屬性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自體を識(shí)別するための名前が必要です。</p> <p><strong>例:</strong> name=”abc.htm.”</p> <p><strong>3. Frameborder:</strong> この屬性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。</p> <p><strong>4. marginwidth:</strong> この屬性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginwidth=”10”.</p> <p><strong>5. marginheight:</strong> この屬性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル?yún)g位で指定されます。</p> <p><strong>例:</strong> marginheight=”10”.</p> <p><strong>6. noresize:</strong> この屬性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この屬性がない場(chǎng)合、どのフレームでもサイズを変更できます。</p> <p><strong>例:</strong> noresize=”noresize.”</p> <p><strong>7. Scrolling:</strong> この屬性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動(dòng)」のいずれかです。</p> <p><strong>例:</strong>scroll=” no” は、スクロール バーを含めないことを意味します。</p> <p><strong>8. longdesc:</strong> この屬性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。</p> <p><strong>例:</strong> longdesc=”framedesc.htm.”</p> <h3 id="フレームとブラウザのサポート">フレームとブラウザのサポート</h3> <p>古いブラウザはフレームをサポートしていないため、<noframes>要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 內(nèi)に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場(chǎng)合は、 </p> 要素の內(nèi)容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3 id="結(jié)論">結(jié)論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識(shí)を持っておくことは良いことです。</p>
以上がHTMLフレームの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。
脫衣畫像を無料で
リアルなヌード寫真を作成する AI 搭載アプリ
寫真から衣服を削除するオンライン AI ツール。
AI衣類リムーバー
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
使いやすく無料のコードエディター
中國語版、とても使いやすい
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境
ビジュアル Web 開発ツール
神レベルのコード編集ソフト（SublimeText3）
表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。
youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh
HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。
thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv
semantichtmlimprovesbothseoandaccessibilityを使用することはできません
Schema.orgタグは、セマンティックタグ（アイテムスコープ、アイテムタイプ、アイテムプロップなど）を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。
usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse
rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon;