What is an iframe inline frame? Explain basic concepts of web page structure

Explanation of IT Terms

What is an iframe?

An iframe, short for “inline frame,” is an HTML element that allows one document to be embedded within another document. It acts as a container for loading external web content within a webpage. The content within an iframe can be from a different domain, making it a powerful tool for integrating third-party content seamlessly into a website.

Basic Concepts of Web Page Structure

When creating a web page, it is essential to understand the basic concepts of its structure. Here are some key elements to consider:

1. declaration: It defines the type of HTML version used on the web page. This declaration should be accurate to ensure proper rendering by web browsers.

2. tag: It is the root element of a web page. All other elements should be nested within it.

3. and tags: These tags help divide the web page into the head and body sections. The head section contains metadata, such as the title and linked stylesheets, while the body section contains the visible content.

4. tag: It specifies the title of the web page, which is displayed on the browser’s title bar or tab.</p><p>5.</p><header>,</p><nav>,<main>,</p><footer>: These tags represent the structural elements of a webpage. The header typically contains a website’s logo or site-wide navigational links. The nav tag is used for navigation menus. The main tag encloses the main content of the page, and the footer contains information like copyright notices or contact details.</p><p>6.</p><section> and</p><article> tags: These tags are used to divide the content into logical sections. The section tag represents a standalone section, while the article tag is used for independent, self-contained content, such as blog posts or news articles.</p><p>7.</p><div> element: It is a versatile container used to group and style elements. By assigning classes or ids to</p><div> elements, developers can apply specific styles or manipulate them using JavaScript.</p><p>8. <a> tag: This tag creates hyperlinks, allowing users to navigate within the website or to external pages.</p><p>9. <img alt=""> tag: It is used to embed images within a web page, enhancing its visual appearance.</p><p>10. <iframe> tag: As mentioned earlier, this tag embeds one document within another. It is commonly used to include external content, such as maps or video players, into a web page.</p><h3><span id="In_Conclusion">In Conclusion</span></h3><p>Understanding the concept of an iframe and the basic structure of a web page is crucial for building well-organized, user-friendly websites. By utilizing these elements effectively, developers can create engaging and dynamic web pages that provide a seamless browsing experience for users. Remember to reference authoritative sources and stay updated with the latest web development techniques to enhance your skills in this rapidly evolving field.</p><h2><span id="Reference_Articles">Reference Articles</span></h2><p><a href="https://www.ipa.go.jp">Reference Articles</a></p><h2><span id="Read_also">Read also</span></h2><p><a href="https://the-simple.jp/google-chrome-translation-menu">[Google Chrome] The definitive solution for right-click translations that no longer come up.</a></p><div class="add contentunder"><div id="custom_html-29" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9833132337233841" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9833132337233841" data-ad-slot="4113959113" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div></div></div></section><footer class="article-footer"><ul class="post-categories"><li><a href="https://the-simple.jp/category/it-terms" rel="category tag">IT用語解説</a></li></ul></footer></article><div id="single_foot"><div class="sharewrap"><ul class="sns_btn__ul --style-rich"><li class="sns_btn__li twitter"><a class="sns_btn__link" target="blank" href="//twitter.com/intent/tweet?url=https%3A%2F%2Fthe-simple.jp%2Fen-what-is-an-iframe-inline-frame-explain-basic-concepts-of-web-page-structure&text=What%20is%20an%20iframe%20inline%20frame%3F%20Explain%20basic%20concepts%20of%20web%20page%20structure&tw_p=tweetbutton" onclick="window.open(this.href, 'tweetwindow', 'width=550, height=450,personalbar=0,toolbar=0,scrollbars=1,resizable=1'); return false; "> <svg class="stk_sns__svgicon"><use xlink:href="#stk-twitter-svg" /></svg> <span class="sns_btn__text">ポスト</span></a></li><li class="sns_btn__li facebook"><a class="sns_btn__link" href="//www.facebook.com/sharer.php?src=bm&u=https%3A%2F%2Fthe-simple.jp%2Fen-what-is-an-iframe-inline-frame-explain-basic-concepts-of-web-page-structure&t=What%20is%20an%20iframe%20inline%20frame%3F%20Explain%20basic%20concepts%20of%20web%20page%20structure" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false; "> <svg class="stk_sns__svgicon"><use xlink:href="#stk-facebook-svg" /></svg> <span class="sns_btn__text">シェア</span></a></li><li class="sns_btn__li hatebu"><a class="sns_btn__link" target="_blank" href="//b.hatena.ne.jp/add?mode=confirm&url=https://the-simple.jp/en-what-is-an-iframe-inline-frame-explain-basic-concepts-of-web-page-structure &title=What%20is%20an%20iframe%20inline%20frame%3F%20Explain%20basic%20concepts%20of%20web%20page%20structure" onclick="window.open(this.href, 'HBwindow', 'width=600, height=400, menubar=no, toolbar=no, scrollbars=yes'); return false; "> <svg class="stk_sns__svgicon"><use xlink:href="#stk-hatebu-svg" /></svg> <span class="sns_btn__text">はてブ</span></a></li><li class="sns_btn__li line"><a class="sns_btn__link" target="_blank" href="//line.me/R/msg/text/?What%20is%20an%20iframe%20inline%20frame%3F%20Explain%20basic%20concepts%20of%20web%20page%20structure%0Ahttps%3A%2F%2Fthe-simple.jp%2Fen-what-is-an-iframe-inline-frame-explain-basic-concepts-of-web-page-structure "> <svg class="stk_sns__svgicon"><use xlink:href="#stk-line-svg" /></svg> <span class="sns_btn__text">送る</span></a></li><li class="sns_btn__li pocket"><a class="sns_btn__link" href="//getpocket.com/edit?url=https://the-simple.jp/en-what-is-an-iframe-inline-frame-explain-basic-concepts-of-web-page-structure&title=What%20is%20an%20iframe%20inline%20frame%3F%20Explain%20basic%20concepts%20of%20web%20page%20structure" onclick="window.open(this.href, 'Pocketwindow', 'width=550, height=350, menubar=no, toolbar=no, scrollbars=yes'); return false; "> <svg class="stk_sns__svgicon"><use xlink:href="#stk-pokect-svg" /></svg> <span class="sns_btn__text">Pocket</span></a></li></ul></div><div id="np-post"><div class="prev np-post-list"><a href="https://the-simple.jp/en-what-is-the-iij-internet-initiative-explanation-of-basic-concepts-of-internet-services" data-text="PREV PAGE"><figure class="eyecatch"></figure><span class="ttl">What is the IIJ Internet Initiative? Explanation of Basic Concepts of Internet Services</span></a></div><div class="next np-post-list"><a href="https://the-simple.jp/en-what-is-an-idn-internationalized-domain-name-i-will-explain-the-multilingualization-of-the-internet" data-text="NEXT PAGE"><span class="ttl">What is an IDN Internationalized Domain Name? I will explain the multilingualization of the Internet</span><figure class="eyecatch"></figure></a></div></div><div id="related-box" class="original-related ga_recommend"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9833132337233841" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-9833132337233841" data-ad-slot="8351238208"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div></div></main><div id="sidebar1" class="sidebar" role="complementary"><div id="custom_html-15" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9833132337233841" data-ad-slot="3669842611" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div></div><div id="categories-4" class="widget widget_categories"><h4 class="widgettitle gf"><span>カテゴリー</span></h4><ul><li class="cat-item cat-item-180"><a href="https://the-simple.jp/category/it-terms-en">IT terms</a></li><li class="cat-item cat-item-98"><a href="https://the-simple.jp/category/it-terms">IT用語解説</a></li><li class="cat-item cat-item-29"><a href="https://the-simple.jp/category/engineer">エンジニアブログ</a><ul class='children'><li class="cat-item cat-item-100"><a href="https://the-simple.jp/category/engineer/saas">SaaS</a></li><li class="cat-item cat-item-101"><a href="https://the-simple.jp/category/engineer/%e9%96%8b%e7%99%ba">開発</a></li></ul></li><li class="cat-item cat-item-30"><a href="https://the-simple.jp/category/corporate">コーポレートブログ</a><ul class='children'><li class="cat-item cat-item-97"><a href="https://the-simple.jp/category/corporate/hr">HR</a></li><li class="cat-item cat-item-59"><a href="https://the-simple.jp/category/corporate/%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0">マーケティング</a></li><li class="cat-item cat-item-83"><a href="https://the-simple.jp/category/corporate/%e4%bc%9a%e7%a4%be">会社</a></li></ul></li><li class="cat-item cat-item-10"><a href="https://the-simple.jp/category/blog">ブログ</a></li></ul></div><div id="tag_cloud-14" class="widget widget_tag_cloud"><h4 class="widgettitle gf"><span>タグで検索</span></h4><div class="tagcloud"><a href="https://the-simple.jp/tag/c-it-term" class="tag-cloud-link tag-link-103 tag-link-position-1" style="font-size: 8.7142857142857pt;" aria-label="C行_IT用語解説 (60個の項目)">C行_IT用語解説</a> <a href="https://the-simple.jp/tag/d-it-term" class="tag-cloud-link tag-link-102 tag-link-position-2" style="font-size: 12.285714285714pt;" aria-label="D行_IT用語解説 (108個の項目)">D行_IT用語解説</a> <a href="https://the-simple.jp/tag/g-it-term" class="tag-cloud-link tag-link-110 tag-link-position-3" style="font-size: 12.142857142857pt;" aria-label="G行_IT用語解説 (106個の項目)">G行_IT用語解説</a> <a href="https://the-simple.jp/tag/h-it-term" class="tag-cloud-link tag-link-111 tag-link-position-4" style="font-size: 10.428571428571pt;" aria-label="H行_IT用語解説 (81個の項目)">H行_IT用語解説</a> <a href="https://the-simple.jp/tag/i-it-term" class="tag-cloud-link tag-link-112 tag-link-position-5" style="font-size: 15.428571428571pt;" aria-label="I行_IT用語解説 (183個の項目)">I行_IT用語解説</a> <a href="https://the-simple.jp/tag/j-it-term" class="tag-cloud-link tag-link-113 tag-link-position-6" style="font-size: 10.428571428571pt;" aria-label="J行_IT用語解説 (81個の項目)">J行_IT用語解説</a> <a href="https://the-simple.jp/tag/l-it-term" class="tag-cloud-link tag-link-133 tag-link-position-7" style="font-size: 14.142857142857pt;" aria-label="L行_IT用語解説 (147個の項目)">L行_IT用語解説</a> <a href="https://the-simple.jp/tag/m-it-term" class="tag-cloud-link tag-link-144 tag-link-position-8" style="font-size: 17.571428571429pt;" aria-label="M行_IT用語解説 (255個の項目)">M行_IT用語解説</a> <a href="https://the-simple.jp/tag/n-it-term" class="tag-cloud-link tag-link-145 tag-link-position-9" style="font-size: 13.714285714286pt;" aria-label="N行_IT用語解説 (138個の項目)">N行_IT用語解説</a> <a href="https://the-simple.jp/tag/o-it-term" class="tag-cloud-link tag-link-146 tag-link-position-10" style="font-size: 13pt;" aria-label="O行_IT用語解説 (123個の項目)">O行_IT用語解説</a> <a href="https://the-simple.jp/tag/p-it-term" class="tag-cloud-link tag-link-147 tag-link-position-11" style="font-size: 17.857142857143pt;" aria-label="P行_IT用語解説 (270個の項目)">P行_IT用語解説</a> <a href="https://the-simple.jp/tag/r-it-term" class="tag-cloud-link tag-link-149 tag-link-position-12" style="font-size: 15pt;" aria-label="R行_IT用語解説 (169個の項目)">R行_IT用語解説</a> <a href="https://the-simple.jp/tag/s-it-term" class="tag-cloud-link tag-link-150 tag-link-position-13" style="font-size: 19.428571428571pt;" aria-label="S行_IT用語解説 (348個の項目)">S行_IT用語解説</a> <a href="https://the-simple.jp/tag/t-it-term" class="tag-cloud-link tag-link-151 tag-link-position-14" style="font-size: 13.857142857143pt;" aria-label="T行_IT用語解説 (141個の項目)">T行_IT用語解説</a> <a href="https://the-simple.jp/tag/u-it-term" class="tag-cloud-link tag-link-152 tag-link-position-15" style="font-size: 13.857142857143pt;" aria-label="U行_IT用語解説 (140個の項目)">U行_IT用語解説</a> <a href="https://the-simple.jp/tag/v-it-term" class="tag-cloud-link tag-link-153 tag-link-position-16" style="font-size: 12.857142857143pt;" aria-label="V行_IT用語解説 (118個の項目)">V行_IT用語解説</a> <a href="https://the-simple.jp/tag/w-it-term" class="tag-cloud-link tag-link-154 tag-link-position-17" style="font-size: 17pt;" aria-label="W行_IT用語解説 (232個の項目)">W行_IT用語解説</a> <a href="https://the-simple.jp/tag/xyz-it-term" class="tag-cloud-link tag-link-155 tag-link-position-18" style="font-size: 13pt;" aria-label="XYZ行_IT用語解説 (122個の項目)">XYZ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-i-it-term" class="tag-cloud-link tag-link-107 tag-link-position-19" style="font-size: 10.428571428571pt;" aria-label="イ行_IT用語解説 (80個の項目)">イ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-ki-it-term" class="tag-cloud-link tag-link-118 tag-link-position-20" style="font-size: 8pt;" aria-label="キ行_IT用語解説 (54個の項目)">キ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-ku-it-term" class="tag-cloud-link tag-link-119 tag-link-position-21" style="font-size: 8.7142857142857pt;" aria-label="ク行_IT用語解説 (60個の項目)">ク行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-su-it-term" class="tag-cloud-link tag-link-124 tag-link-position-22" style="font-size: 16.857142857143pt;" aria-label="ス行_IT用語解説 (228個の項目)">ス行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-se-it-term" class="tag-cloud-link tag-link-125 tag-link-position-23" style="font-size: 15.285714285714pt;" aria-label="セ行_IT用語解説 (175個の項目)">セ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-so-it-term" class="tag-cloud-link tag-link-126 tag-link-position-24" style="font-size: 11.857142857143pt;" aria-label="ソ行_IT用語解説 (102個の項目)">ソ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-ta-it-term" class="tag-cloud-link tag-link-127 tag-link-position-25" style="font-size: 15.428571428571pt;" aria-label="タ行_IT用語解説 (182個の項目)">タ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-ti-it-term" class="tag-cloud-link tag-link-128 tag-link-position-26" style="font-size: 10.571428571429pt;" aria-label="チ行_IT用語解説 (83個の項目)">チ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-te-it-term" class="tag-cloud-link tag-link-130 tag-link-position-27" style="font-size: 19.571428571429pt;" aria-label="テ行_IT用語解説 (357個の項目)">テ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-to-it-term" class="tag-cloud-link tag-link-131 tag-link-position-28" style="font-size: 15.571428571429pt;" aria-label="ト行_IT用語解説 (186個の項目)">ト行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-ni-it-term" class="tag-cloud-link tag-link-135 tag-link-position-29" style="font-size: 8.5714285714286pt;" aria-label="ニ行_IT用語解説 (59個の項目)">ニ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-ne-it-term" class="tag-cloud-link tag-link-137 tag-link-position-30" style="font-size: 9.4285714285714pt;" aria-label="ネ行_IT用語解説 (68個の項目)">ネ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-ha-it-term" class="tag-cloud-link tag-link-139 tag-link-position-31" style="font-size: 20.285714285714pt;" aria-label="ハ行_IT用語解説 (395個の項目)">ハ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-hi-it-term" class="tag-cloud-link tag-link-140 tag-link-position-32" style="font-size: 15.571428571429pt;" aria-label="ヒ行_IT用語解説 (185個の項目)">ヒ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-hu-it-term" class="tag-cloud-link tag-link-141 tag-link-position-33" style="font-size: 22pt;" aria-label="フ行_IT用語解説 (525個の項目)">フ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-he-it-term" class="tag-cloud-link tag-link-142 tag-link-position-34" style="font-size: 12.857142857143pt;" aria-label="ヘ行_IT用語解説 (119個の項目)">ヘ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-ho-it-term" class="tag-cloud-link tag-link-143 tag-link-position-35" style="font-size: 14.428571428571pt;" aria-label="ホ行_IT用語解説 (155個の項目)">ホ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-ma-it-term" class="tag-cloud-link tag-link-156 tag-link-position-36" style="font-size: 14.571428571429pt;" aria-label="マ行_IT用語解説 (156個の項目)">マ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-me-it-term" class="tag-cloud-link tag-link-159 tag-link-position-37" style="font-size: 12.857142857143pt;" aria-label="メ行_IT用語解説 (119個の項目)">メ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-mo-it-term" class="tag-cloud-link tag-link-160 tag-link-position-38" style="font-size: 9.2857142857143pt;" aria-label="モ行_IT用語解説 (66個の項目)">モ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-yu-it-term" class="tag-cloud-link tag-link-162 tag-link-position-39" style="font-size: 8.2857142857143pt;" aria-label="ユ行_IT用語解説 (57個の項目)">ユ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-ra-it-term" class="tag-cloud-link tag-link-164 tag-link-position-40" style="font-size: 9.8571428571429pt;" aria-label="ラ行_IT用語解説 (73個の項目)">ラ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-ri-it-term" class="tag-cloud-link tag-link-165 tag-link-position-41" style="font-size: 16.285714285714pt;" aria-label="リ行_IT用語解説 (207個の項目)">リ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-re-it-term" class="tag-cloud-link tag-link-167 tag-link-position-42" style="font-size: 10.571428571429pt;" aria-label="レ行_IT用語解説 (82個の項目)">レ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-ro-it-term" class="tag-cloud-link tag-link-168 tag-link-position-43" style="font-size: 12.571428571429pt;" aria-label="ロ行_IT用語解説 (115個の項目)">ロ行_IT用語解説</a> <a href="https://the-simple.jp/tag/jp-wa-it-term" class="tag-cloud-link tag-link-169 tag-link-position-44" style="font-size: 9.5714285714286pt;" aria-label="ワ行_IT用語解説 (69個の項目)">ワ行_IT用語解説</a> <a href="https://the-simple.jp/tag/etc-it-term" class="tag-cloud-link tag-link-170 tag-link-position-45" style="font-size: 21.142857142857pt;" aria-label="記号等_IT用語解説 (456個の項目)">記号等_IT用語解説</a></div></div><div id="custom_html-21" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9833132337233841" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9833132337233841" data-ad-slot="6566080250" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div></div><div id="scrollfix" class="scrollfix"><div id="custom_html-27" class="widget_text widget widget_custom_html"><h4 class="widgettitle gf"><span>Search engines</span></h4><div class="textwidget custom-html-widget"><script async src="https://cse.google.com/cse.js?cx=66f7d71b484e48e05"></script> <div class="gcse-search"></div></div></div><div id="custom_html-23" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9833132337233841" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9833132337233841" data-ad-slot="6584076336" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div></div><div id="custom_html-31" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9833132337233841" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9833132337233841" data-ad-slot="2779151552" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div></div></div></div></div></div><div class="remodal spnavi" data-remodal-id="spnavi" data-remodal-options="hashTracking:false"> <button data-remodal-action="close" class="remodal-close"><span class="text gf">CLOSE</span></button><div id="nav_menu-7" class="widget widget_nav_menu"><h4 class="widgettitle gf"><span>メニュー</span></h4><div class="menu-sp%e7%94%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%8a%e3%83%93-container"><ul id="menu-sp%e7%94%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%8a%e3%83%93" class="menu"><li id="menu-item-656" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-656"><a href="https://the-simple.jp/">HOME<i class="fas fa-home"></i></a></li><li id="menu-item-658" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-658"><a href="https://the-simple.jp/service">SERVICE <i class="fas fa-shopping-cart"></i></a></li><li id="menu-item-657" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-657"><a href="https://the-simple.jp/blog">BLOG <i class="fas fa-pencil-alt"></i></a></li><li id="menu-item-1122" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1122"><a href="https://the-simple.jp/contact">CONTACT <i class="far fa-envelope"></i></a></li></ul></div></div><button data-remodal-action="close" class="remodal-close"><span class="text gf">CLOSE</span></button></div><footer id="footer" class="footer"><div id="inner-footer" class="inner wrap cf"><div id="footer-top"><div id="block-6" class="widget footerwidget widget_block"></div><div id="text-23" class="widget footerwidget widget_text"><div class="textwidget"><p><noscript><img decoding="async" class="size-medium wp-image-1085 aligncenter" src="https://the-simple.jp/wp-content/uploads/2021/12/11431985b23802183fc7ea1cc73edc9a-1-300x84.png" alt="" width="200" height="200" /></noscript><img decoding="async" class="lazyload size-medium wp-image-1085 aligncenter" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%3E%3C/svg%3E' data-src="https://the-simple.jp/wp-content/uploads/2021/12/11431985b23802183fc7ea1cc73edc9a-1-300x84.png" alt="" width="200" height="200" /></p><h3 style="text-align: center;">ビジネスをもっとシンプルに簡単に。</h3></div></div><div id="block-5" class="widget footerwidget widget_block"></div></div><div id="footer-bottom"><nav class="footer-links"><ul id="menu-pc%e7%94%a8%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%8a%e3%83%93" class="menu"><li id="menu-item-42" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-42"><a href="https://the-simple.jp">ホーム</a></li><li id="menu-item-66" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-66"><a rel="privacy-policy" href="https://the-simple.jp/privacy-policy">プライバシーポリシー</a></li><li id="menu-item-428" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-428"><a href="https://the-simple.jp/contact">お問い合わせ</a></li></ul></nav><p class="source-org copyright">©Copyright2024 <a href="https://the-simple.jp/" rel="nofollow">THE SIMPLE</a>.All Rights Reserved.</p></div></div></footer></div><div id="stk_observer_target"></div><script id="stk-script-wow_fadein">(function(){const fadeinTarget1=document.querySelectorAll('.stk-wow-fadeIn');const fadeinTarget2=document.querySelectorAll('.stk-wow-fadeInUp');const fadeinTarget3=document.querySelectorAll('.stk-wow-fadeInDown');const fadeinTarget4=document.querySelectorAll('.stk-wow-fadeInRight');const fadeinTarget5=document.querySelectorAll('.stk-wow-fadeInLeft');const options={root:null,rootMargin:'-50px 0px -130px',threshold:0};const fadeinObserver=new IntersectionObserver(addFadeInSelectorFunc,options);fadeinTarget1.forEach(box=>{fadeinObserver.observe(box)});fadeinTarget2.forEach(box=>{fadeinObserver.observe(box)});fadeinTarget3.forEach(box=>{fadeinObserver.observe(box)});fadeinTarget4.forEach(box=>{fadeinObserver.observe(box)});fadeinTarget5.forEach(box=>{fadeinObserver.observe(box)});function addFadeInSelectorFunc(entries){entries.forEach(entry=>{if(entry.isIntersecting){entry.target.dataset.animated='animated'}})}})();</script><div id="page-top"><a href="#container" class="pt-button" title="ページトップへ"></a></div><script id="stk-script-pt-active">(function(){const select=document.querySelector('#stk_observer_target');const observer=new window.IntersectionObserver((entry)=>{if(!entry[0].isIntersecting){document.querySelector('#page-top').classList.add('pt-active')}else{document.querySelector('#page-top').classList.remove('pt-active')}});observer.observe(select)}());</script><noscript><style>.lazyload{display:none;}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://the-simple.jp/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js?ao_version=3.1.10'></script> <div id="amp-mobile-version-switcher" hidden> <a rel="" href="https://the-simple.jp/en-what-is-an-iframe-inline-frame-explain-basic-concepts-of-web-page-structure?amp=1"> モバイルバージョンに移動 </a></div> <script type="text/javascript" id="leadin-script-loader-js-js-extra">var leadin_wordpress = {"userRole":"visitor","pageType":"post","leadinPluginVersion":"10.2.17"};</script> <script type="text/javascript" defer charset='UTF-8' src="https://js.hs-scripts.com/21739941.js?integration=WordPress&ver=10.2.17" id="leadin-script-loader-js-js"></script> <script type="text/javascript" id="toc-front-js-extra">var tocplus = {"smooth_scroll":"1","visibility_show":"show","visibility_hide":"hide","width":"Auto"};</script> <script defer src="https://the-simple.jp/wp-content/cache/autoptimize/js/autoptimize_372479c53a51509b953991b81ad8d14d.js"></script></body></html>