静态网页主要由什么组成及其作用

共计 1460 个字符，预计需要花费 4 分钟才能阅读完成。

静态网页，是指在浏览器中呈现出来的页面内容是由事先准备好的 HTML 文件和附带的 CSS 样式表组成的。相比于动态网页，静态网页在交互性、数据处理等方面存在一定的局限性，但在网站建设初期或对特定需求的网页构建中仍有其不可替代的作用。本文将从多个方面来详细阐述静态网页主要由什么组成及其作用。

HTML 是组成静态网页的基础，它定义了页面的结构和内容。HTML 文件由标记语言编写而成，标签的嵌套关系决定了页面的层次结构，标签的属性则定义了页面的各种元素和属性。最基本的标签包括、、、等，而、、</p> <div>、<span> 等标签则用于定义图片、链接、块级元素和行内元素等。HTML 文件的结构清晰、层次分明，使得页面的内容能够便捷地被浏览器渲染成为易于阅读的文本和图像。</p> <h3 id='pk-menu-1'> 二、CSS 样式表 </h3> <p>CSS 是用于描述 HTML 文件呈现效果的样式表语言。它通过定义各种选择器和属性，来实现对网页布局、颜色、字体等方面的样式控制。CSS 样式表的主要作用是增强页面的美观性和可读性，同时也是网站品牌形象的重要组成部分。通过合理地运用 CSS 样式表，可以制作出具有视觉冲击力和用户体验的网页。</p> <h3 id='pk-menu-2'> 三、JavaScript 脚本 </h3> <p>JavaScript 脚本是用于实现动态效果和交互行为的编程语言，它可以让静态网页具备一定的交互性和动态性。通过调用 DOM 接口和浏览器 API，JavaScript 脚本能够实现响应用户事件、改变页面样式、发送网络请求等一系列功能。在静态网页中，JavaScript 脚本主要用于实现表单验证、轮播图、下拉菜单等功能。</p> <h3 id='pk-menu-3'> 四、图片和媒体文件 </h3> <p> 图片和媒体文件是静态网页中不可或缺的元素，它们能够丰富页面内容和提高页面的视觉效果。网页中常见的图片格式包括 JPEG、PNG、GIF 等，而音频、视频等媒体文件则由特定的格式封装，如 MP3、MP4 等。通过合理地使用图片和媒体文件，可以让静态网页更加生动形象。</p> <h3 id='pk-menu-4'> 五、超链接和导航栏 </h3> <p> 超链接和导航栏是静态网页的重要组成部分，它们能够方便用户浏览不同页面之间的关系。超链接通过指定目标 URL，实现从当前页面跳转到其他页面的功能；导航栏则通过链接列表或下拉菜单，提供网站的各个功能入口。合理地组织超链接和导航栏的结构，能够增强网站的可用性和用户体验。</p> <h3 id='pk-menu-5'> 六、响应式设计 </h3> <p> 响应式设计是指根据用户设备的不同，自适应地调整页面的布局和样式，以保证在不同屏幕尺寸上的视觉效果和交互体验一致。在静态网页中，响应式设计通过使用 CSS 媒体查询和弹性盒模型等技术实现。它能够让静态网页具备更好的适应性和可访问性，提高网站的重要性和用户留存率。</p> <h3 id='pk-menu-6'> 七、SEO 优化 </h3> <p>SEO（Search Engine Optimization）是指通过对网页的优化，提高网站在搜索引擎中的排名，增加网站的流量和曝光度。在静态网页中，通过合理地使用标题、描述、关键词等标签，以及优化页面内容和结构，能够提高网站的搜索排名，增加用户访问量和转化率。</p> <h3 id='pk-menu-7'> 八、性能优化 </h3> <p> 性能优化是指通过对页面的加载速度、响应时间和资源占用等方面进行优化，提高网站的访问速度和用户体验。在静态网页中，通过合理地压缩和精简 HTML、CSS、JavaScript 文件，以及使用 CDN 加速、图片懒加载等技术，能够提高网站的性能，减少用户的等待时间。</p> <p> 静态网页主要由 HTML 文件、CSS 样式表、JavaScript 脚本、图片和媒体文件、超链接和导航栏、响应式设计、SEO 优化和性能优化等组成。它们共同构成了一个完整的静态网页，为用户提供了良好的浏览体验和视觉效果，也为网站的品牌形象提供了重要支撑。</p> <p> 丸趣 TV 网 – 提供最优质的资源集合！</p> </div> <div class="t-separator c-sub t-sm mt30">正文完</div> <div class="footer-info puock-text mt20"> <div class="mt20 tags"><a href="https://www.wanqutv.com/tag/html/" class="pk-badge pk-badge-sm mr5 mb10"><i class="fa-solid fa-tag"></i> html</a><a href="https://www.wanqutv.com/tag/%e6%a0%b7%e5%bc%8f%e8%a1%a8/" class="pk-badge pk-badge-sm mr5 mb10"><i class="fa-solid fa-tag"></i> 样式表</a><a href="https://www.wanqutv.com/tag/%e7%bd%91%e9%a1%b5/" class="pk-badge pk-badge-sm mr5 mb10"><i class="fa-solid fa-tag"></i> 网页</a><a href="https://www.wanqutv.com/tag/%e9%9d%99%e6%80%81/" class="pk-badge pk-badge-sm mr5 mb10"><i class="fa-solid fa-tag"></i> 静态</a><a href="https://www.wanqutv.com/tag/%e9%a1%b5%e9%9d%a2/" class="pk-badge pk-badge-sm mr5 mb10"><i class="fa-solid fa-tag"></i> 页面</a></div> <div class="p-flex-sbc mt20 t-sm"> <div> <span>发表至：</span><a class=" mr5" href="https://www.wanqutv.com/category/wangzhanzhizuo/"><i class="fa-regular fa-folder-open"></i> 网站制作</a> </div> <div> <span class="c-sub"><i class="fa-regular fa-clock"></i> 2023-12-22</span> </div> </div> </div> </div> <div class="mt15 post-action-panel"> <div class="post-action-content"> <div class="d-flex justify-content-center w-100 c-sub"> <div class="circle-button puock-bg text-center " id="post-like" data-id="134529"> <i class="fa-regular fa-thumbs-up t-md"></i> <span class="t-sm"></span></div> <div class="circle-button puock-bg text-center pk-modal-toggle" title="海报" data-no-title data-no-padding data-once-load="true" data-url="https://www.wanqutv.com/wp-admin/admin-ajax.php?action=pk_poster&id=134529" ><i class="fa-regular fa-images"></i></div> <div class="circle-button puock-bg text-center pk-modal-toggle" title="分享" data-once-load="true" data-url="https://www.wanqutv.com/wp-admin/admin-ajax.php?action=pk_ajax_dialog_post_share&id=134529"> <i class="fa fa-share-from-square t-md"></i></div> <div class="ls"> <div class="circle-button puock-bg text-center post-menu-toggle post-menus-box"><i class="fa fa-bars t-md"></i></div> </div> </div> </div> </div> </div> <div class="p-block p-flex-sc"> <div class="mr-3 p-flex-sk-0"> <img class="md-avatar mt-1" src="https://cravatar.cn/avatar/582794e3ff32e56ad60dd5c9f330ca35?s=96&d=monsterid&r=r" alt="丸趣" title="丸趣"> </div> <div class="puock-text t-md"> <div> <span class="font-weight-bold">版权声明：</span><span>本站原创文章，由</span> <a class="a-link" href="https://www.wanqutv.com/author/wanquadmin/">丸趣 </a>2023-12-22发表，共计1460字。 </div> <div class="mt-2"> <span class="font-weight-bold c-sub">转载说明：</span><span class="c-sub">除特殊说明外本站除技术相关以外文章皆由网络搜集发布，转载请注明出处。</span> </div> </div> </div>  <div class="p-block pb-0"> <div class="row puock-text post-relevant"> <a href="https://www.wanqutv.com/wangzhanzhizuo/129551.html" class="col-6 col-md-3 post-relevant-item ww">  <div style="background:url('https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/timthumb.php?w=160&h=140&a=c&zc=1&q=90&src=https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/random/5.jpg')"> <div class="title">长春网站建设有什么及长春网站建设有什么公司</div> </div> </a> <a href="https://www.wanqutv.com/wangzhanzhizuo/linux/6223.html" class="col-6 col-md-3 post-relevant-item ww">  <div style="background:url('https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/timthumb.php?w=160&h=140&a=c&zc=1&q=90&src=https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/random/8.jpg')"> <div class="title">arcmap如何计算面积</div> </div> </a> <a href="https://www.wanqutv.com/wangzhanzhizuo/linux/4681.html" class="col-6 col-md-3 post-relevant-item ww">  <div style="background:url('https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/timthumb.php?w=160&h=140&a=c&zc=1&q=90&src=https://wanqutv.com/wp-content/uploads/20230712025743-64ae16a79a9b2.jpg')"> <div class="title">怎么在Excel中拆分姓名</div> </div> </a> <a href="https://www.wanqutv.com/wangzhanzhizuo/linux/105716.html" class="col-6 col-md-3 post-relevant-item ww">  <div style="background:url('https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/timthumb.php?w=160&h=140&a=c&zc=1&q=90&src=https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/random/2.jpg')"> <div class="title">FTP服务Proftpd+mysql+quota的示例分析</div> </div> </a> </div> </div> <div class="p-block p-lf-15"> <div class="row text-center pd-links single-next-or-pre t-md "> <div class="col-6 p-border-r-1 p-0"> <a href="https://www.wanqutv.com/itcode/python/134527.html" rel="prev"><div class='abhl puock-text'><p class='t-line-1'>python二进制文件怎么转换为文本</p><span>上一篇</span></div></a> </div> <div class="col-6 p-0"> <a href="https://www.wanqutv.com/itcode/python/134530.html" rel="next"><div class='abhl puock-text'><p class='t-line-1'>python中的json库怎么使用</p><span>下一篇</span></div></a> </div> </div> </div>  <div class="p-block" id="comments"> <div> <span class="t-lg border-bottom border-primary puock-text pb-2"><i class="fa-regular fa-comments mr-1"></i>评论（没有评论）</span> </div> <div class="mt20 clearfix" id="comment-form-box"> <form class="mt10" id="comment-form" method="post" action="https://www.wanqutv.com/wp-admin/admin-ajax.php?action=comment_ajax"> <div class="form-group"> <textarea placeholder="世界这么大发表一下你的看法~" id="comment" name="comment" class="form-control form-control-sm t-sm" rows="4"></textarea> </div> <div class="row row-cols-1 comment-info"> <input type="text" value="0" hidden name="comment-logged" id="comment-logged"> <div class="col-12 col-sm-4"><input type="text" id="comment_author" name="author" class="form-control form-control-sm t-sm" placeholder="昵称（必填）"> </div> <div class="col-12 col-sm-4"><input type="email" id="comment_email" name="email" class="form-control form-control-sm t-sm" placeholder="邮箱（必填）"> </div> <div class="col-12 col-sm-4"><input type="text" id="comment_url" name="url" class="form-control form-control-sm t-sm" placeholder="网站"> </div> </div> <input type="text" hidden name="comment_post_ID" value="134529"> <input type="text" hidden id="comment_parent" name="comment_parent" value=""> <div class="p-flex-sbc mt10"> <div> </div> <div> <button id="comment-cancel" type="button" class="btn btn-outline-dark d-none btn-ssm">取消</button> <button id="comment-smiley" class="btn btn-outline-secondary btn-ssm pk-modal-toggle" type="button" title="表情" data-once-load="true" data-url="https://www.wanqutv.com/wp-admin/admin-ajax.php?action=pk_ajax_dialog_smiley"> <i class="fa-regular fa-face-smile t-md"></i></button> <button id="comment-submit" type="submit" class="btn btn-primary btn-ssm"><i class="fa-regular fa-paper-plane"></i> 发布评论 </button> </div> </div> </form> </div> <div id="comment-ajax-load" class="text-center mt20 d-none"> <div class="pk-skeleton _comment"><div class="_h"><div class="_avatar"></div> <div class="_info"><div class="_name"></div><div class="_date"></div></div></div><div class="_text"><div></div><div></div><div></div></div></div><div class="pk-skeleton _comment"><div class="_h"><div class="_avatar"></div> <div class="_info"><div class="_name"></div><div class="_date"></div></div></div><div class="_text"><div></div><div></div><div></div></div></div><div class="pk-skeleton _comment"><div class="_h"><div class="_avatar"></div> <div class="_info"><div class="_name"></div><div class="_date"></div></div></div><div class="_text"><div></div><div></div><div></div></div></div> </div> <div id="post-comments"> <div class="mt20 p-flex-s-right" data-no-instant> <ul class="pagination comment-ajax-load"> </ul> </div> </div> </div> </div> <div id="sidebar" class="animated fadeInRight col-lg-4 d-none d-lg-block"> <div class="sidebar-main"> <div class="p-block"> <div> <span class="t-lg border-bottom border-primary puock-text pb-2"><i class="fa fa-search mr-1"></i>站内搜索</span> </div> <div class="mt20"> <form class="global-search-form" action="https://www.wanqutv.com" method="get"> <div class="input-group"> <input type="text" name="s" class="form-control t-md" placeholder="输入关键字回车搜索"> </div> </form> </div> </div> <div class="pk-widget p-block "> <div> <span class="t-lg border-bottom border-primary puock-text pb-2"><i class="fa fa-chart-simple mr-1"></i>最新文章</span> </div> <div class="mt20"> </div></div> <div class="pk-widget p-block "> <div> <span class="t-lg border-bottom border-primary puock-text pb-2"><i class="czs-comment-l mr-1"></i>最新留言</span> </div> <div class="mt20"> <div class="min-comments t-md"> <div class="comment t-md t-line-1"> <img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy min-avatar' data-src='https://cravatar.cn/avatar/04ac1f159c897743eab51f48590a423d?s=96&d=monsterid&r=r' alt="六了个六"> <a class="puock-link" href="https://www.wanqutv.com/wangzhanzhizuo/1316.html#comment-14"> <span class="ta3 link-hover">六了个六</span></a> <span class="c-sub t-w-400">6666</span> </div> <div class="comment t-md t-line-1"> <img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy min-avatar' data-src='https://cravatar.cn/avatar/04ac1f159c897743eab51f48590a423d?s=96&d=monsterid&r=r' alt="路过的小朋友"> <a class="puock-link" href="https://www.wanqutv.com/seo/259.html#comment-6"> <span class="ta3 link-hover">路过的小朋友</span></a> <span class="c-sub t-w-400">突突突</span> </div> </div> </div></div> <div class="pk-widget p-block "> <div> <span class="t-lg border-bottom border-primary puock-text pb-2"><i class="czs-user-l mr-1"></i>读者墙</span> </div> <div class="mt20"> <div class="row puock-text"> <div class="col col-12 col-lg-6 pl-0"> <div class="p-2 text-truncate text-nowrap"> <a href="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/inc/go.php?to=aHR0cHM6Ly9wcmludGVyc2h1Yi5jb20udWEvcnUvcHJvc2hpdmth" class="a-link" target="_blank" rel="nofollow"> <img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/9b788d22137480fdbff402075bb83586?s=96&d=monsterid&r=r' alt="Прошивка принтеров"> <span class="t-sm">Прошивка принтеров</span> </a> </div> </div> <div class="col col-12 col-lg-6 pl-0"> <div class="p-2 text-truncate text-nowrap"> <a href="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/inc/go.php?to=aHR0cHM6Ly9rcmFrZW4xMDIuYXQ=" class="a-link" target="_blank" rel="nofollow"> <img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/06a385d54e47ae74a0c3f39a32652dbb?s=96&d=monsterid&r=r' alt="KRAKENonio"> <span class="t-sm">KRAKENonio</span> </a> </div> </div> <div class="col col-12 col-lg-6 pl-0"> <div class="p-2 text-truncate text-nowrap"> <a href="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/inc/go.php?to=aHR0cHM6Ly9naXRodWIuY29tL0FyY2hldHkyL0FyY2hlLU1hcmtldA==" class="a-link" target="_blank" rel="nofollow"> <img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/ab70ae37874cc5b036dbfe24dcb5c3b6?s=96&d=monsterid&r=r' alt="Luthershasy"> <span class="t-sm">Luthershasy</span> </a> </div> </div> <div class="col col-12 col-lg-6 pl-0"> <div class="p-2 text-truncate text-nowrap"> <a href="javascript:void(0)" class="a-link" rel="nofollow"> <img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/bbeb8a5da1e97778eca28aa936ba3ac8?s=96&d=monsterid&r=r' alt="JamesVon"> <span class="t-sm">JamesVon</span> </a> </div> </div> <div class="col col-12 col-lg-6 pl-0"> <div class="p-2 text-truncate text-nowrap"> <a href="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/inc/go.php?to=aHR0cHM6Ly9nb2xrYS5sb3ZlLw==" class="a-link" target="_blank" rel="nofollow"> <img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/4a6b4a3c3cb57333c325483afda6e33d?s=96&d=monsterid&r=r' alt="Видалення тату"> <span class="t-sm">Видалення тату</span> </a> </div> </div> <div class="col col-12 col-lg-6 pl-0"> <div class="p-2 text-truncate text-nowrap"> <a href="javascript:void(0)" class="a-link" rel="nofollow"> <img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/ebd2642d86a4b40100d29dc76ec89b0d?s=96&d=monsterid&r=r' alt="Frank#smith[Kfyzeiuqujbpygze,2,5]"> <span class="t-sm">Frank#smith[Kfyzeiuqujbpygze,2,5]</span> </a> </div> </div> <div class="col col-12 col-lg-6 pl-0"> <div class="p-2 text-truncate text-nowrap"> <a href="javascript:void(0)" class="a-link" rel="nofollow"> <img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/59b1b01abfcc2d75f563ff2022e70aa8?s=96&d=monsterid&r=r' alt="JamesVon"> <span class="t-sm">JamesVon</span> </a> </div> </div> <div class="col col-12 col-lg-6 pl-0"> <div class="p-2 text-truncate text-nowrap"> <a href="javascript:void(0)" class="a-link" rel="nofollow"> <img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/005966f673fd0966a3fe9c76f803b93b?s=96&d=monsterid&r=r' alt="MasonLah"> <span class="t-sm">MasonLah</span> </a> </div> </div> <div class="col col-12 col-lg-6 pl-0"> <div class="p-2 text-truncate text-nowrap"> <a href="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/inc/go.php?to=aHR0cHM6Ly9jcmVkaXQyNC5wcm8vemF5bXkvMzAwMDAv" class="a-link" target="_blank" rel="nofollow"> <img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/17b138698a88a8433968eda1971fc715?s=96&d=monsterid&r=r' alt="Gecnklwrows"> <span class="t-sm">Gecnklwrows</span> </a> </div> </div> <div class="col col-12 col-lg-6 pl-0"> <div class="p-2 text-truncate text-nowrap"> <a href="javascript:void(0)" class="a-link" rel="nofollow"> <img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/a54d202c5daac521b3158974b60c72a7?s=96&d=monsterid&r=r' alt="RobertRix"> <span class="t-sm">RobertRix</span> </a> </div> </div> </div> </div></div> </div> </div> </div>  </div> <div id="post-menus" class="post-menus-box"> <div id="post-menu-state" class="post-menu-toggle" title="打开或关闭文章目录"> <i class="puock-text ta3 fa fa-bars"></i> </div> <div id="post-menu-content" class="animated slideInRight mini-scroll"> <div id="post-menu-head"> </div> <div id="post-menu-content-items"></div> </div> </div>  <div id="rb-float-actions"> <div data-to-area="#comments" class="p-block"><i class="fa-regular fa-comments puock-text"></i></div> <div data-to="top" class="p-block"><i class="fa fa-arrow-up puock-text"></i></div> <div data-to="bottom" class="p-block"><i class="fa fa-arrow-down puock-text"></i></div> </div> <footer id="footer"> <div class="container"> <div class="row row-cols-md-1"> </div> </div> <div class="mt20 text-center t-md"> <div class="info"> 免责声明：本站分享资源部分来源互联网，仅供学习交流，商业用途请购买正版，否则版权纠纷由用户承担，丸趣TV不承担连带责任。如有侵权请联系博主我们尽快删除处理！</br> Copyright @ 2014-2023| <a href="https://wanqutv.com" target="_blank">丸趣TV</a> All rights reserved.Theme By Puock. <a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">豫ICP备16006851号-5</a> </div> </div> </div> </footer> </div> <div id="gt-validate-box"></div> <script data-instant>var puock_metas ={"home":"https:\/\/www.wanqutv.com","vd_comment":false,"vd_gt_id":"","vd_type":"img","use_post_menu":true,"is_single":true,"is_pjax":true,"main_lazy_img":true,"link_blank_open":true,"async_view_id":134529,"mode_switch":true,"async_view_generate_time":1726540731};</script> <script type="text/javascript" data-no-instant src="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/dist/js/libs.min.js?ver=6.6.2" id="puock-libs-js"></script> <script type="text/javascript" data-no-instant src="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/libs/layer/layer.js?ver=6.6.2" id="puock-layer-js"></script> <script type="text/javascript" data-no-instant src="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/libs/spark-md5.min.js?ver=6.6.2" id="puock-spark-md5-js"></script> <script type="text/javascript" data-no-instant src="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/libs/html2canvas.min.js?ver=6.6.2" id="puock-html2canvas-js"></script> <script type="text/javascript" data-no-instant src="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/dist/js/puock.min.js?ver=6.6.2" id="puock-js"></script> <script type="text/javascript" src="https://www.wanqutv.com/wp-content/plugins/WordPress百度搜索推送管理插件专业版/assets/baidu_push.js" id="wb-baidu-push-js"></script> <script>console.log('共计查询SQL：21次，耗时：0.178秒');</script></body> </html>

静态网页主要由什么组成及其作用

一、HTML 文件