和标签创建固定窗口，或用标记创建浮动窗口，需先创建框架集页面，添加元素定义布局，再在其中添加元素设置各窗口属性，如src、name等，最后用`关闭定义HTML中，框架（Frames）是一种将网页分割成多个独立区域的技术，每个区域可以加载不同的HTML文档，尽管现代Web开发中框架的使用已经较少，但在某些特定场景下，它仍然有其应用价值,以下是如何在HTML中制作框架的详细步骤和示例：
基本概念
-
：用于定义框架集，即整个页面的布局结构，它不包含任何内容,只用于组织其他框架。
-
元素：定义单个框架，每个框架都是一个独立的浏览器窗口,可以加载不同的HTML文档。
-
rows和cols属性：用于指定框架的行和列的大小，可以接受绝对像素值、相对大小或百分比。
-
元素</strong>：为不支持框架的浏览器提供替代内容。</p> </li> </ol> <h2>制作步骤</h2> <ol> <li> <p><strong>创建子框架页面</strong>：需要创建所有将在框架内显示的HTML页面，这些页面可以是普通的HTML文档，包含文本、图像、链接等内容。</p> </li> <li> <p><strong>编写主框架页面</strong>：主框架页面使用<code><frameset></code>元素来定义整个页面的布局，在这个元素内部，使用<code><frame></code>元素来指定每个框架的内容源（src属性）和其他属性（如name、scrolling等）。</p> <p style="text-align:center"><img decoding="async" src="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714031249175243396928162.jpg" alt="html如何制作框架" title="html如何制作框架" /></p> </li> <li> <p><strong>指定框架名称</strong>：为了便于管理和定位，建议为每个框架指定一个唯一的名称（name属性），这样,在需要时可以通过JavaScript或超链接来操作特定的框架。</p> </li> <li> <p><strong>设置框架间的链接</strong>：如果子框架之间需要互相链接，可以在子框架内部设置相应的链接,并利用目标框架的名称来指定链接内容在哪个框架中打开。</p> </li> <li> <p><strong>处理不支持框架的浏览器</strong>：对于不支持框架的浏览器，可以使用<code><noframes></code>标签提供备选内容,确保用户仍然能够访问到一些基本信息。</p> </li> </ol> <h2>示例代码</h2> <p>以下是一个简单的例子，展示了如何创建一个包含两个框架的网页，一个在顶部,另一个在底部：</p> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head>Frame Example</title> </head> <frameset rows="200," border=1> <frame src="topFrame.html" name="topFrame"> <frame src="bottomFrame.html" name="bottomFrame"> <noframes> <body> 您的浏览器不支持框架，请考虑升级您的浏览器！ </body> </noframes> </frameset> </html></pre> <p>在这个例子中：</p> <ul> <li><code>rows="200,"</code>表示第一个框架的高度为200像素,第二个框架占据剩余的空间。</li> <li><code>border=1</code>给框架集添加了一个边框。</li> <li><code>topFrame.html</code>和<code>bottomFrame.html</code>是两个独立的HTML文件,分别作为顶部和底部框架的内容。</li> </ul> <h2>注意事项</h2> <ol> <li> <p><strong>SEO影响</strong>：由于搜索引擎可能难以索引框架内的内容，因此过度依赖框架可能会对网站的搜索引擎优化（SEO）产生负面影响。</p> <p style="text-align:center"><img decoding="async" src="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714031258175243397836019.jpg" alt="html如何制作框架" title="html如何制作框架" /></p> </li> <li> <p><strong>用户体验</strong>：现代用户习惯于流畅的单页应用体验，而框架可能会导致页面加载速度变慢,且在不同框架间导航时可能会有延迟。</p> </li> <li> <p><strong>兼容性问题</strong>：虽然大多数现代浏览器都支持框架，但在某些情况下，特别是在移动设备上,框架的表现可能不如预期。</p> </li> <li> <p><strong>可维护性</strong>：随着项目规模的增大,管理多个框架及其对应的HTML文件可能会变得复杂。</p> </li> </ol> <h2>FAQs</h2> <ol> <li> <p><strong>Q: HTML中的框架是什么？</strong><br />A: HTML中的框架是一种将网页分割成多个独立区域的技术，每个区域可以加载不同的HTML文档，通过<code><frameset></code>元素定义框架集，使用<code><frame></code>元素指定每个框架的内容源和其他属性。</p> </li> <li> <p><strong>Q: 如何处理不支持框架的浏览器？</strong><br />A: 对于不支持框架的浏览器，可以使用<code><noframes></code>标签提供备选内容，这样，当用户使用不支持框架的浏览器访问时，他们仍能看到</p> </li> </ol> <div class="entry-copyright"><p>原创文章，发布者：酷盾叔，转转请注明出处：<span>https://www.kd.cn/ask/59988.html</span></p></div> </div> <div class="entry-tag"><a href="https://www.kd.cn/ask/tag/ml-%e6%a1%86%e6%9e%b6" rel="tag">ML 框架</a></div> <div class="entry-action"> <div class="btn-zan" data-id="59988"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up-fill"></use></svg></i> 赞 <span class="entry-action-num">(0)</span></div> </div> <div class="entry-bar"> <div class="entry-bar-inner"> <div class="entry-bar-author"> <a data-user="2" target="_blank" href="https://www.kd.cn/ask/user/2" class="avatar j-user-card"> <img alt='酷盾叔的头像' src='//kos-kd.uploads.cn/wp-content/uploads/member/avatars/28d9d4c2f636f067.1748366528.jpg' class='avatar avatar-60 photo' height='60' width='60' /><span class="author-name">酷盾叔</span> </a> </div> <div class="entry-bar-info"> <div class="info-item meta"> <a class="meta-item j-heart" href="javascript:;" data-id="59988"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i> <span class="data">0</span></a> <a class="meta-item" href="#comments"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i> <span class="data">0</span></a> </div> <div class="info-item share"> <a class="meta-item mobile j-mobile-share" href="javascript:;" data-id="59988" data-qrcode="https://www.kd.cn/ask/59988.html"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-share"></use></svg></i> 生成海报 </a> <a class="meta-item wechat" data-share="wechat" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-wechat"></use></svg></i> </a> <a class="meta-item weibo" data-share="weibo" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-weibo"></use></svg></i> </a> <a class="meta-item qq" data-share="qq" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-qq"></use></svg></i> </a> <a class="meta-item qzone" data-share="qzone" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-qzone"></use></svg></i> </a> </div> <div class="info-item act"> <a href="javascript:;" id="j-reading"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-article"></use></svg></i></a> </div> </div> </div> </div> </div> <div class="entry-page"> <div class="entry-page-prev j-lazy" style="background-image: url('https://www.kd.cn/ask/wp-content/themes/justnews/themer/assets/images/lazy.png');" data-original="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714030945175243378570082.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0"> <a href="https://www.kd.cn/ask/59984.html" title="wps为什么有些字体删不了怎么回事" rel="prev"> <span>wps为什么有些字体删不了怎么回事</span> </a> <div class="entry-page-info"> <span class="pull-left"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-left-double"></use></svg></i> 上一篇</span> <span class="pull-right">2025年7月14日 03:10</span> </div> </div> <div class="entry-page-next j-lazy" style="background-image: url('https://www.kd.cn/ask/wp-content/themes/justnews/themer/assets/images/lazy.png');" data-original="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714031318175243399825152.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0"> <a href="https://www.kd.cn/ask/59992.html" title="怎么存一个数组到数据库" rel="next"> <span>怎么存一个数组到数据库</span> </a> <div class="entry-page-info"> <span class="pull-right">下一篇 <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-right-double"></use></svg></i></span> <span class="pull-left">2025年7月14日 03:13</span> </div> </div> </div> <div class="entry-related-posts"> <h3 class="entry-related-title">相关推荐</h3><ul class="entry-related cols-3 post-loop post-loop-default"><li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.kd.cn/ask/17269.html" title="如何在HTML中显示标签内容？" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://kos-kd.uploads.cn/wp-content/uploads/2025/06/20250609212308174947538829947.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0" class="attachment-default size-default wp-post-image" alt="如何在HTML中显示标签内容？" decoding="async" fetchpriority="high" /> </a> <a class="item-category" href="https://www.kd.cn/ask/questions/web" target="_blank">前端开发</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.kd.cn/ask/17269.html" target="_blank" rel="bookmark"> 如何在HTML中显示标签内容？ </a> </h3> <div class="item-excerpt"> <p>在HTML中显示标签内容而非解析，需将特殊字符转义：` 转 >， 显示为 <div>，也可用 或 ` 标签包裹内容，结合转义实现代码展示。</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="2" target="_blank" href="https://www.kd.cn/ask/user/2" class="avatar j-user-card"> <img alt='酷盾叔的头像' src='//kos-kd.uploads.cn/wp-content/uploads/member/avatars/28d9d4c2f636f067.1748366528.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>酷盾叔</span> </a> </div> <span class="item-meta-li date">2025年6月9日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>1</span><a class="item-meta-li comments" href="https://www.kd.cn/ask/17269.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.kd.cn/ask/52802.html" title="js如何向html中插入控件" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250710172618175213957861993.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0" class="attachment-default size-default wp-post-image" alt="js如何向html中插入控件" decoding="async" /> </a> <a class="item-category" href="https://www.kd.cn/ask/questions/web" target="_blank">前端开发</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.kd.cn/ask/52802.html" target="_blank" rel="bookmark"> js如何向html中插入控件 </a> </h3> <div class="item-excerpt"> <p>JS中，可通过获取HTML元素对象，使用其innerHTML属性或appendChild()等方法插入控件，如先获取容器元素，再创建新控件元素并设置属性，最后将其添加到容器中</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="2" target="_blank" href="https://www.kd.cn/ask/user/2" class="avatar j-user-card"> <img alt='酷盾叔的头像' src='//kos-kd.uploads.cn/wp-content/uploads/member/avatars/28d9d4c2f636f067.1748366528.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>酷盾叔</span> </a> </div> <span class="item-meta-li date">2025年7月10日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.kd.cn/ask/52802.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.kd.cn/ask/51457.html" title="在html如何写java" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250709112227175203134785573.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0" class="attachment-default size-default wp-post-image" alt="在html如何写java" decoding="async" /> </a> <a class="item-category" href="https://www.kd.cn/ask/questions/web" target="_blank">前端开发</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.kd.cn/ask/51457.html" target="_blank" rel="bookmark"> 在html如何写java </a> </h3> <div class="item-excerpt"> <p>HTML中无法直接写Java，但可通过JSP（JavaServer Pages）将Java代码嵌入HTML，在服务器端运行</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="2" target="_blank" href="https://www.kd.cn/ask/user/2" class="avatar j-user-card"> <img alt='酷盾叔的头像' src='//kos-kd.uploads.cn/wp-content/uploads/member/avatars/28d9d4c2f636f067.1748366528.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>酷盾叔</span> </a> </div> <span class="item-meta-li date">2025年7月9日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.kd.cn/ask/51457.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.kd.cn/ask/43487.html" title="网页文件如何生成可访问链接？" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250702032304175139778427600.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0" class="attachment-default size-default wp-post-image" alt="网页文件如何生成可访问链接？" decoding="async" /> </a> <a class="item-category" href="https://www.kd.cn/ask/questions/web" target="_blank">前端开发</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.kd.cn/ask/43487.html" target="_blank" rel="bookmark"> 网页文件如何生成可访问链接？ </a> </h3> <div class="item-excerpt"> <p>要将HTML文件变成网址，需上传到Web服务器或托管平台（如GitHub Pages、Netlify），服务器分配唯一URL，用户即可通过浏览器访问该链接。</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="2" target="_blank" href="https://www.kd.cn/ask/user/2" class="avatar j-user-card"> <img alt='酷盾叔的头像' src='//kos-kd.uploads.cn/wp-content/uploads/member/avatars/28d9d4c2f636f067.1748366528.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>酷盾叔</span> </a> </div> <span class="item-meta-li date">2025年7月2日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>2</span><a class="item-meta-li comments" href="https://www.kd.cn/ask/43487.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.kd.cn/ask/33337.html" title="iOS如何加载HTML代码？" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://kos-kd.uploads.cn/wp-content/uploads/2025/06/20250621063211175045873171911.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0" class="attachment-default size-default wp-post-image" alt="iOS如何加载HTML代码？" decoding="async" /> </a> <a class="item-category" href="https://www.kd.cn/ask/questions/web" target="_blank">前端开发</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.kd.cn/ask/33337.html" target="_blank" rel="bookmark"> iOS如何加载HTML代码？ </a> </h3> <div class="item-excerpt"> <p>在iOS中加载HTML代码，通常使用WKWebView控件，首先创建WKWebView实例，然后调用loadHTMLString方法传入HTML字符串，即可渲染网页内容，也可加载本地HTML文件或远程URL。</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="2" target="_blank" href="https://www.kd.cn/ask/user/2" class="avatar j-user-card"> <img alt='酷盾叔的头像' src='//kos-kd.uploads.cn/wp-content/uploads/member/avatars/28d9d4c2f636f067.1748366528.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>酷盾叔</span> </a> </div> <span class="item-meta-li date">2025年6月21日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>5</span><a class="item-meta-li comments" href="https://www.kd.cn/ask/33337.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> </ul> </div> <div id="comments" class="entry-comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">发表回复 <small><a rel="nofollow" id="cancel-comment-reply-link" href="/ask/59988.html#respond" style="display:none;"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-close"></use></svg></i></a></small></h3><form action="https://www.kd.cn/ask/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">您的邮箱地址不会被公开。</span> <span class="required-field-message">必填项已用 <span class="required">*</span> 标注</span></p><div class="comment-form-comment"><textarea id="comment" name="comment" class="required" rows="4" placeholder="写下你的评论…"></textarea><div class="comment-form-smile j-smilies" data-target="#comment"><i class="wpcom-icon wi smile-icon"><svg aria-hidden="true"><use xlink:href="#wi-emotion"></use></svg></i></div></div><div class="comment-form-author"><label for="author"><span class="required">*</span>昵称：</label><input id="author" name="author" type="text" value="" size="30" class="required"></div> <div class="comment-form-email"><label for="email"><span class="required">*</span>邮箱：</label><input id="email" name="email" type="text" value="" class="required"></div> <div class="comment-form-url"><label for="url">网址：</label><input id="url" name="url" type="text" value="" size="30"></div> <label class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"> 记住昵称、邮箱和网址，下次评论免输入</label> <div class="form-submit"><button name="submit" type="submit" id="submit" class="wpcom-btn btn-primary btn-xs submit">提交</button> <input type='hidden' name='comment_post_ID' value='59988' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </div></form> </div><!-- #respond --> </div><!-- .comments-area --> </article> </main> <aside class="sidebar"> <div class="widget widget_image_myimg"> <a href="https://www.kd.cn" target="_blank"> <img class="j-lazy" src="https://www.kd.cn/ask/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="//kos-kd.uploads.cn/wp-content/uploads/2025/05/2025052717254032.png" alt=""> </a> </div><div class="widget widget_post_thumb"><h3 class="widget-title"><span>最新发布</span></h3> <ul> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.kd.cn/ask/59992.html" title="怎么存一个数组到数据库"> <img width="480" height="300" src="https://www.kd.cn/ask/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="怎么存一个数组到数据库" decoding="async" data-original="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714031318175243399825152.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.kd.cn/ask/59992.html" title="怎么存一个数组到数据库">怎么存一个数组到数据库</a></p> <p class="item-date">2025年7月14日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.kd.cn/ask/59988.html" title="html如何制作框架"> <img width="480" height="300" src="https://www.kd.cn/ask/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="html如何制作框架" decoding="async" data-original="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714031241175243396194852.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.kd.cn/ask/59988.html" title="html如何制作框架">html如何制作框架</a></p> <p class="item-date">2025年7月14日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.kd.cn/ask/59984.html" title="wps为什么有些字体删不了怎么回事"> <img width="480" height="300" src="https://www.kd.cn/ask/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="wps为什么有些字体删不了怎么回事" decoding="async" data-original="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714030945175243378570082.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.kd.cn/ask/59984.html" title="wps为什么有些字体删不了怎么回事">wps为什么有些字体删不了怎么回事</a></p> <p class="item-date">2025年7月14日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.kd.cn/ask/59980.html" title="java编程怎么求三角形面积"> <img width="480" height="300" src="https://www.kd.cn/ask/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="java编程怎么求三角形面积" decoding="async" data-original="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714030924175243376452881.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.kd.cn/ask/59980.html" title="java编程怎么求三角形面积">java编程怎么求三角形面积</a></p> <p class="item-date">2025年7月14日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.kd.cn/ask/59976.html" title="java怎么获取gps数据类型"> <img width="480" height="300" src="https://www.kd.cn/ask/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="java怎么获取gps数据类型" decoding="async" data-original="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714030723175243364377704.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.kd.cn/ask/59976.html" title="java怎么获取gps数据类型">java怎么获取gps数据类型</a></p> <p class="item-date">2025年7月14日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.kd.cn/ask/59973.html" title="一步一步搭建虚拟主机"> <img width="480" height="300" src="https://www.kd.cn/ask/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="一步一步搭建虚拟主机" decoding="async" data-original="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714030409175243344953584.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.kd.cn/ask/59973.html" title="一步一步搭建虚拟主机">一步一步搭建虚拟主机</a></p> <p class="item-date">2025年7月14日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.kd.cn/ask/59969.html" title="linux如何把dmg转为iso"> <img width="480" height="300" src="https://www.kd.cn/ask/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="linux如何把dmg转为iso" decoding="async" data-original="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714030347175243342772823.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.kd.cn/ask/59969.html" title="linux如何把dmg转为iso">linux如何把dmg转为iso</a></p> <p class="item-date">2025年7月14日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.kd.cn/ask/59965.html" title="java怎么接受gps数据"> <img width="480" height="300" src="https://www.kd.cn/ask/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="java怎么接受gps数据" decoding="async" data-original="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714030105175243326579433.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.kd.cn/ask/59965.html" title="java怎么接受gps数据">java怎么接受gps数据</a></p> <p class="item-date">2025年7月14日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.kd.cn/ask/59961.html" title="vs2013里的数据库怎么用"> <img width="480" height="300" src="https://www.kd.cn/ask/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="vs2013里的数据库怎么用" decoding="async" data-original="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714025951175243319197053.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.kd.cn/ask/59961.html" title="vs2013里的数据库怎么用">vs2013里的数据库怎么用</a></p> <p class="item-date">2025年7月14日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.kd.cn/ask/59957.html" title="什么虚拟主机可直接运行php网页"> <img width="480" height="300" src="https://www.kd.cn/ask/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="什么虚拟主机可直接运行php网页" decoding="async" data-original="https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714025742175243306215113.jpg?x-oss-process=image/resize,m_fill,w_480,h_300,limit_0" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.kd.cn/ask/59957.html" title="什么虚拟主机可直接运行php网页">什么虚拟主机可直接运行php网页</a></p> <p class="item-date">2025年7月14日</p> </div> </li> </ul> </div><div class="widget widget_tags"><h3 class="widget-title"><span>热门标签</span></h3> <div class="tagcloud"> <a href="https://www.kd.cn/ask/tag/linux%e5%91%bd%e4%bb%a4" title="Linux命令">Linux命令</a> <a href="https://www.kd.cn/ask/tag/%e8%99%9a%e6%8b%9f%e4%b8%bb%e6%9c%ba" title="虚拟主机">虚拟主机</a> <a href="https://www.kd.cn/ask/tag/java" title="Java">Java</a> <a href="https://www.kd.cn/ask/tag/%e5%89%8d%e7%ab%af%e5%bc%80%e5%8f%91" title="前端开发">前端开发</a> <a href="https://www.kd.cn/ask/tag/%e6%9c%8d%e5%8a%a1%e5%99%a8" title="服务器">服务器</a> <a href="https://www.kd.cn/ask/tag/html" title="HTML">HTML</a> <a href="https://www.kd.cn/ask/tag/html%e6%95%99%e7%a8%8b" title="HTML教程">HTML教程</a> <a href="https://www.kd.cn/ask/tag/%e8%99%9a%e6%8b%9f%e5%8c%96%e6%8a%80%e6%9c%af" title="虚拟化技术">虚拟化技术</a> <a href="https://www.kd.cn/ask/tag/java%e7%bc%96%e7%a8%8b" title="Java编程">Java编程</a> <a href="https://www.kd.cn/ask/tag/%e7%89%a9%e7%90%86%e6%9c%ba" title="物理机">物理机</a> <a href="https://www.kd.cn/ask/tag/linux" title="Linux">Linux</a> <a href="https://www.kd.cn/ask/tag/%e6%95%b0%e6%8d%ae%e5%ba%93" title="数据库">数据库</a> <a href="https://www.kd.cn/ask/tag/javascript" title="JavaScript">JavaScript</a> <a href="https://www.kd.cn/ask/tag/%e6%95%b0%e6%8d%ae%e5%ba%93%e7%ae%a1%e7%90%86" title="数据库管理">数据库管理</a> <a href="https://www.kd.cn/ask/tag/java%e6%96%87%e4%bb%b6%e6%93%8d%e4%bd%9c" title="Java文件操作">Java文件操作</a> <a href="https://www.kd.cn/ask/tag/java%e5%9f%ba%e7%a1%80" title="Java基础">Java基础</a> <a href="https://www.kd.cn/ask/tag/html5" title="HTML5">HTML5</a> <a href="https://www.kd.cn/ask/tag/cmd%e5%91%bd%e4%bb%a4" title="cmd命令">cmd命令</a> <a href="https://www.kd.cn/ask/tag/%e6%95%b0%e6%8d%ae%e5%ba%93%e4%bc%98%e5%8c%96" title="数据库优化">数据库优化</a> <a href="https://www.kd.cn/ask/tag/%e6%95%b0%e6%8d%ae%e5%ba%93%e8%bf%9e%e6%8e%a5" title="数据库连接">数据库连接</a> <a href="https://www.kd.cn/ask/tag/%e5%91%bd%e4%bb%a4%e6%8f%90%e7%a4%ba%e7%ac%a6" title="命令提示符">命令提示符</a> <a href="https://www.kd.cn/ask/tag/%e8%99%9a%e6%8b%9f%e6%9c%ba" title="虚拟机">虚拟机</a> <a href="https://www.kd.cn/ask/tag/%e5%91%bd%e4%bb%a4%e8%a1%8c%e6%93%8d%e4%bd%9c" title="命令行操作">命令行操作</a> <a href="https://www.kd.cn/ask/tag/css%e6%a0%b7%e5%bc%8f" title="CSS样式">CSS样式</a> <a href="https://www.kd.cn/ask/tag/java%e7%bc%96%e7%a8%8b%e6%8a%80%e5%b7%a7" title="Java编程技巧">Java编程技巧</a> <a href="https://www.kd.cn/ask/tag/%e6%9c%8d%e5%8a%a1%e5%99%a8%e9%85%8d%e7%bd%ae" title="服务器配置">服务器配置</a> <a href="https://www.kd.cn/ask/tag/linux%e7%b3%bb%e7%bb%9f%e7%ae%a1%e7%90%86" title="Linux系统管理">Linux系统管理</a> <a href="https://www.kd.cn/ask/tag/wordpress%e6%95%99%e7%a8%8b" title="WordPress教程">WordPress教程</a> <a href="https://www.kd.cn/ask/tag/%e5%89%8d%e7%ab%af%e5%bc%80%e5%8f%91%e6%8a%80%e5%b7%a7" title="前端开发技巧">前端开发技巧</a> <a href="https://www.kd.cn/ask/tag/%e6%95%b0%e6%8d%ae%e5%ba%93%e6%93%8d%e4%bd%9c" title="数据库操作">数据库操作</a> </div> </div><div class="widget widget_image_myimg"> <a href="https://www.kname.net/trademark" target="_blank" rel="nofollow"> <img class="j-lazy" src="https://www.kd.cn/ask/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="//kos-kd.uploads.cn/wp-content/uploads/2025/05/tm.jpg" alt=""> </a> </div> </aside> </div> </div> <footer class="footer width-footer-bar"> <div class="container"> <div class="footer-col-wrap footer-with-logo-icon"> <div class="footer-col footer-col-logo"> <img src="//www.kd.cn/news/wp-content/uploads/2025/05/O1CN01JQaEXa2BqDDWxKjrV_2177348389.png" alt="酷盾安全"> </div> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"><li id="menu-item-4154" class="menu-item menu-item-4154"><a target="1" href="https://www.kd.cn/contact/">联系我们</a></li> <li id="menu-item-4155" class="menu-item menu-item-4155"><a target="1" href="https://www.kd.cn/docs/service_agreement">服务协议</a></li> <li id="menu-item-4156" class="menu-item menu-item-4156"><a target="1" href="https://www.kd.cn/show/scdn/">产品展示</a></li> </ul> <div class="copyright"> <p>Copyright © 2016-2025 KD.CN All Rights Reserved. <a href="https://www.kd.cn" target="_blank" rel="noopener">酷盾安全</a> 版权归属云南酷番云计算有限公司所有</p> <p><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">滇ICP备2020007656号-12 </a>《中华人民共和国增值电信业务经营许可证》滇B1-20203971 <a href="/ask/wp-sitemap.xml" target="_blank" rel="noopener">XML Sitemap</a></p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> <a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon fa fa-apple sns-icon"></i> <span style="background-image:url('');"></span> </a> <a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon fa fa-android sns-icon"></i> <span style="background-image:url('');"></span> </a> <a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon fa fa-weixin sns-icon"></i> <span style="background-image:url('');"></span> </a> <a href="http://weibo.com/iztme" target="_blank" rel="nofollow" aria-label="icon"> <i class="wpcom-icon fa fa-weibo sns-icon"></i> </a> </div> </div> </div> </div> </footer> <div class="action action-style-0 action-color-1 action-pos-0" style="bottom:120px;"> <div class="action-item"> <i class="wpcom-icon fa fa-comments action-item-icon"></i> <div class="action-item-inner action-item-type-2"> <h3 style="text-align: center;">联系我们</h3> <h5 style="text-align: center;"><span style="color: #2d6ded; font-size: 24px; line-height: 2;"><strong>400-880-8834</strong></span></h5> <p>在线咨询：<a class="btn btn-primary btn-xs" href="https://wpa1.qq.com/VZWmB19O?_type=wpa&qidian=true" target="_blank" rel="noopener noreferrer"><i class="wpcom-icon fa fa-qq"></i> QQ交谈</a></p> <p>邮件：HI@E.KD.CN</p> </div> </div> <div class="action-item j-share"> <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-share"></use></svg></i> </div> <div class="action-item gotop j-top"> <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-arrow-up-2"></use></svg></i> </div> </div> <div class="footer-bar"> <div class="fb-item"> <a href="https://www.kd.cn" target="_blank"> <i class="wpcom-icon fa fa-align-justify fb-item-icon"></i> <span>首页</span> </a> </div> <div class="fb-item"> <a href="/contact/" target="_blank"> <i class="wpcom-icon fa fa-address-book-o fb-item-icon"></i> <span>联系我们</span> </a> </div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/ask\/*"},{"not":{"href_matches":["\/ask\/wp-*.php","\/ask\/wp-admin\/*","\/wp-content\/uploads\/*","\/ask\/wp-content\/*","\/ask\/wp-content\/plugins\/*","\/ask\/wp-content\/themes\/justnews-child\/*","\/ask\/wp-content\/themes\/justnews\/*","\/ask\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script>console.log("\n %c 本站由WPOPT插件优化 %c www.lovestu.com/wpopt.html", "color:#fff;background:#3983e2;padding:5px 0;", "color:#eee;background:#f0f0f0;padding:5px 10px;");</script><script type="text/javascript" id="main-js-extra"> /* <![CDATA[ */ var _wpcom_js = {"webp":"","ajaxurl":"https:\/\/www.kd.cn\/ask\/wp-admin\/admin-ajax.php","theme_url":"https:\/\/www.kd.cn\/ask\/wp-content\/themes\/justnews","slide_speed":"5000","is_admin":"0","lang":"zh_CN","js_lang":{"share_to":"\u5206\u4eab\u5230:","copy_done":"\u590d\u5236\u6210\u529f\uff01","copy_fail":"\u6d4f\u89c8\u5668\u6682\u4e0d\u652f\u6301\u62f7\u8d1d\u529f\u80fd","confirm":"\u786e\u5b9a","qrcode":"\u4e8c\u7ef4\u7801","page_loaded":"\u5df2\u7ecf\u5230\u5e95\u4e86","no_content":"\u6682\u65e0\u5185\u5bb9","load_failed":"\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","expand_more":"\u9605\u8bfb\u5269\u4f59 %s"},"share":"1","lightbox":"1","post_id":"59988","user_card_height":"356","poster":{"notice":"\u8bf7\u300c\u70b9\u51fb\u4e0b\u8f7d\u300d\u6216\u300c\u957f\u6309\u4fdd\u5b58\u56fe\u7247\u300d\u540e\u5206\u4eab\u7ed9\u66f4\u591a\u597d\u53cb","generating":"\u6b63\u5728\u751f\u6210\u6d77\u62a5\u56fe\u7247...","failed":"\u6d77\u62a5\u56fe\u7247\u751f\u6210\u5931\u8d25"},"video_height":"484","fixed_sidebar":"1","dark_style":"0","font_url":"\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@400;500&display=swap","follow_btn":"<i class=\"wpcom-icon wi\"><svg aria-hidden=\"true\"><use xlink:href=\"#wi-add\"><\/use><\/svg><\/i>\u5173\u6ce8","followed_btn":"\u5df2\u5173\u6ce8","user_card":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.kd.cn/ask/wp-content/themes/justnews/js/main.js" id="main-js"></script> <script type="text/javascript" src="https://www.kd.cn/ask/wp-content/themes/justnews/themer/assets/js/icons-2.8.9.js" id="wpcom-icons-js"></script> <script type="text/javascript" src="https://www.kd.cn/ask/wp-content/themes/justnews/themer/assets/js/comment-reply.js" id="comment-reply-js"></script> <script type="text/javascript" id="wpopt_front-js-extra"> /* <![CDATA[ */ var wpopt = {"ajax_url":"https:\/\/www.kd.cn\/ask\/wp-admin\/admin-ajax.php","ajax_name":"wp_opt","is_post":"1","post_id":"59988","module_post_views_open":"","module_site_notice_open":""}; /* ]]> */ </script> <script type="text/javascript" src="https://www.kd.cn/ask/wp-content/plugins/wp-opt/static/js/front.min.js" id="wpopt_front-js"></script> <script type="text/javascript" id="wp-postviews-cache-js-extra"> /* <![CDATA[ */ var viewsCacheL10n = {"admin_ajax_url":"https:\/\/www.kd.cn\/ask\/wp-admin\/admin-ajax.php","nonce":"0f25c965a8","post_id":"59988"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.kd.cn/ask/wp-content/plugins/wp-postviews/postviews-cache.js" id="wp-postviews-cache-js"></script> <script type="text/javascript" id="wpcom-member-js-extra"> /* <![CDATA[ */ var _wpmx_js = {"ajaxurl":"https:\/\/www.kd.cn\/ask\/wp-admin\/admin-ajax.php","plugin_url":"https:\/\/www.kd.cn\/ask\/wp-content\/plugins\/wpcom-member\/","post_id":"59988","js_lang":{"login_desc":"\u60a8\u8fd8\u672a\u767b\u5f55\uff0c\u8bf7\u767b\u5f55\u540e\u518d\u8fdb\u884c\u76f8\u5173\u64cd\u4f5c\uff01","login_title":"\u8bf7\u767b\u5f55","login_btn":"\u767b\u5f55","reg_btn":"\u6ce8\u518c"},"login_url":"https:\/\/www.kd.cn\/ask\/login?modal-type=login","register_url":"https:\/\/www.kd.cn\/ask\/register?modal-type=register","errors":{"require":"\u4e0d\u80fd\u4e3a\u7a7a","email":"\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u7535\u5b50\u90ae\u7bb1","pls_enter":"\u8bf7\u8f93\u5165","password":"\u5bc6\u7801\u5fc5\u987b\u4e3a6~32\u4e2a\u5b57\u7b26","passcheck":"\u4e24\u6b21\u5bc6\u7801\u8f93\u5165\u4e0d\u4e00\u81f4","phone":"\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u624b\u673a\u53f7\u7801","terms":"\u8bf7\u9605\u8bfb\u5e76\u540c\u610f\u6761\u6b3e","sms_code":"\u9a8c\u8bc1\u7801\u9519\u8bef","captcha_verify":"\u8bf7\u70b9\u51fb\u6309\u94ae\u8fdb\u884c\u9a8c\u8bc1","captcha_fail":"\u4eba\u673a\u9a8c\u8bc1\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5","nonce":"\u968f\u673a\u6570\u6821\u9a8c\u5931\u8d25","req_error":"\u8bf7\u6c42\u5931\u8d25"}}; /* ]]> */ </script> <script type="text/javascript" src="https://www.kd.cn/ask/wp-content/plugins/wpcom-member/js/index.js" id="wpcom-member-js"></script> <script type="text/javascript" src="https://www.kd.cn/ask/wp-content/themes/justnews/js/wp-embed.js" id="wp-embed-js"></script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "@id": "https://www.kd.cn/ask/59988.html", "url": "https://www.kd.cn/ask/59988.html", "headline": "html如何制作框架", "image": ["https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714031241175243396194852.jpg","https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714031249175243396928162.jpg","https://kos-kd.uploads.cn/wp-content/uploads/2025/07/20250714031258175243397836019.jpg"], "description": "ML制作框架可通过`和标签创建固定窗口，或用标记创建浮动窗口，需先创建框架集页面，添加元素定义布局，再在其中添加元素设置各窗口属性，如src、name等，最后用`关闭定义", "datePublished": "2025-07-14T03:13:00+08:00", "dateModified": "2025-07-14T03:13:00+08:00", "author": {"@type":"Person","name":"酷盾叔","url":"https://www.kd.cn/ask/user/2","image":"//kos-kd.uploads.cn/wp-content/uploads/member/avatars/28d9d4c2f636f067.1748366528.jpg"} } </script> </body> </html> <!-- Cache served by Powered Cache --> <!-- If you like fast websites like this, visit: https://poweredcache.com --> <!-- Last modified: Sun, 13 Jul 2025 19:14:11 GMT --> <!-- Dynamic page generated in 0.280 -->