WEB基础知识个人总结

格式：pdf
大小：131.13 KB
文档页数：4

WEB基础知识个⼈总结

【学习的⽹站是主要是W3school，还加上⼀些其他搜索学习到的内容，仅在博客做个⼈整理】

HTML

⼀、标签——尖括号围成的关键词，成对出现。

※使⽤时必须符合标签嵌套规则

1.声明

（1）：HTML5⽂档类型声明

（2）对于中⽂⽹页需要使⽤声明编码

2.链接

：链接【在href属性中指定链接的地址】，在标签⾥添加⽂本标签或图⽚标签。

target属性：target="_blank"时会在新窗⼝打开⽂档 name属性：规定锚（anchor）的名称。使⽤命名锚（named anchors）时，可以直接跳⾄页⾯中的某个链接。

3.布局

：块元素，以新⾏开始和结束。组合其他HTML元素，常与CSS⼀同使⽤，可⽤于对⼤的内容块设置样式属性。：内联元素，不会以新⾏开始和结束。

4.⽂本

：⽂档标题<h1> - <h6>：html标题<body>：可见的页⾯内容<p>：普通段落<strong>：粗体⽂本，强调强调内容<b>：粗体⽂本<em>：强调内容，浏览器⽤斜体⽂本展⽰<i>：斜体⽂本<hr /> ：创建⽔平线<br /> ：不产⽣新段落的情况下【换⾏】<pre>：定义预格式化的⽂本，保留空格和换⾏。<abbr title="etcetera">etc.</abbr>：定义缩写缩写或⾸字母缩略语。把⿏标移⾄缩略词语etc.上时，可展⽰完整版本"etcetera"。<q>：定义短的引⽤。会为 <q> 元素包围引号<blockquote>：定义块引⽤，插⼊换⾏和外边距<del>：删除线<ins>：下划线</p><p>5.多媒体</p><p><img />：图像【图像的名称和尺⼨是以属性的形式提供的】，源属性src="图像URL地址"，替换为本属性alt="xxx"<video>：定义视频内容<audio>：定义声⾳内容</p><p> ⼦标签<source>：定义⽂件所在地</p><p> ⼦标签<track>：定义轨道</p><p>6.序列化列表</p><p>（1）<ul>⽆序列表标签</p><p>（2）<ol>有序列表标签</p><p> 有序、⽆序列表项均始于 <li>（3）<dl>⾃定义列表标签</p><p>7.表格</p><p> <table> 定义 HTML 表格。 <tr>：定义表格中的⾏ <th>：定义表格中的表头 <td>：定义表格中的数据（table data）</p><p>8.输⼊表单</p><p>定义⽤户输⼊</p><p>（1）<from>：块级元素，属性name、action、method、enctype</p><p>（2）<input>：type属性、checked预选、name、value页⾯所显⽰的值</p><p> type的值类型：</p><p>text：⽂本框password：密码框checkbox：复选框radio：单选框button：按钮submit：提交，将表单数据发送到<form>标签中action属性所指值的⽹页中/向表单处理程序（处理输⼊数据的脚本的服务器页⾯）提交reset：重置hidden：</p><p>（3）<datalist>：为 <input> 元素规定预定义选项列表。其id属性必须与<input>标签中的list属性值相同</p><p>（4）<select>：下拉列表，属性name</p><p> ⼦标签<option>：属性name、value、selected</p><p>（5）<textarea>：⽂本域</p><p>（6）<fieldset>：绘制⼀个带标题的框</p><p> ⼦标签<legend>：表⽰标题</p><p>9.画布</p><p><canvas></p><p>⼆、元素——从开始标签到结束标签的所有代码。</p><p>⼤多数HTML元素可拥有属性⼤多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）</p><p>三、属性——提供了有关 HTML 元素的更多的信息</p><p>※以名称/值对的形式出现：xxx=“xxx”（若属性值中含有双引号则外围必须使⽤单引号）</p><p>※属性在开始标签中规定。</p><p>1.⼤多数元素都有的属性名称： idclass</p><p>2.<style> HTML样式元素属性名称：</p><p>background-color：背景颜⾊font-family：⽂本字体系列color：⽂本颜⾊font-size：⽂本字体尺⼨text-align：⽂本⽔平对齐⽅式3.<table>元素属性名称：</p><p>border：表格边框</p><p>CSS</p><p>⼀、样式表</p><p>1.外部样式表——当样式需要被应⽤到很多页⾯时</p><p>定义外部CSS⽂件，在<head>标签中使⽤链接式<link>：</p><p><head><link rel="stylesheet" type="text/css" href="mystyle.css"></head></p><p>2.内部样式表——单个⽂件需要特别样式时</p><p><head>标签中创建⼀个<style>标签，其中添加CSS代码：</p><p><head><style type="text/css">body {background-color: red}p {margin-left: 20px}</style></head></p><p>3.内联CSS</p><p>在相关标签中使⽤style属性：</p><p><p style="color: red; margin-left: 20px">This is a paragraph</p></p><p> ⼆、语法</p><p>1.选择器——需要改变样式的HTML元素</p><p>（1）派⽣选择器：</p><p>只有<li>元素中的<strong>元素适⽤：</p><p>li strong { font-style: italic; font-weight: normal; }</p><p>（2）id选择器</p><p>以#定义，只能在每个HTML⽂档中出现⼀次</p><p>（3）类选择题</p><p>以.定义</p><p>类名的第⼀个字符不要使⽤数字</p><p>2.语法——由属性和值构成，由冒号":"分开</p><p>color（颜⾊）:值（red）、⼗六进制颜⾊值（#FF0000）、RGB值（rgb(255,0,0)）background（背景颜⾊）:font-size（字体⼤⼩）:font-family（字体样式）:font-style（）font-weightmargin（）padding（）</p> </div> </div> </article> </div> </div> <div class="recommended"> <div class="theme-pd-hj"> <div class="hd-main"> <div class="hd-main-pd"> <div class="header hd-position"> <div class="title"> <h3>合集下载</h3> <i class="bg bg-4"></i> </div> </div> </div> </div> <div class="container-article"> <div class="article-ul"> <div class="module"> <div class="module-pd"> <div class="ralative-content"> <div class="left-a"> <img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/7cc1be09fc4ffe473368abc5.webp" alt="web知识小结"> </div> <div class="module-content"> <h2 class="rt-a text-overflow" data-doc-id="7cc1be09fc4ffe473368abc5" data-did="014946157">web知识小结</h2> <div class="module-content-item"> <div class="item-overflow"> <p>Servlet是sun公司提供的用于开发动态web资源的组件 </p><p>Sun公司在其API中提供了一个Servlet接口,用户若想开发一个动态web资源需要完成以下2个步骤 </p><p>1:编写一个实现Setvlet接口或继承HttpServlet的java类 </p><p>2:将开发好的java类部署到web服务器上 </p><p>Serclet执行过程 </p><p>1:浏览器与服务器建立连接 </p><p>2:浏览器打包数据 </p><p>3:向服务器发送请求 </p><p>4:服务器接收请求拆包 </p><p>5:创建requset和response对象 </p><p>6:创建Servlet对象,并调用其init()方法完成初始化 </p><p>7:调用Servlet类的service()方法 </p><p>8:返回处理结果 </p><p>9:打包数据 </p><p>10:向浏览器发送响应 11:浏览器拆包 </p><p>12:关闭连接 </p><p>13:显示内容 </p><p>第2,3步时我们要设置请求方式和编解码方式 </p><p>请求方式是浏览器向服务器请求时的意向说明,告知服务器如何处理及解析提交的数据,通常使用get和post来设置,get请求资源,post提交要处理的数据 </p><p>在提交中文数值时,浏览器会对中文参数进行编码,而web服务器会默认使用iso-8859-1进行解码,编解码方式是就会出现乱码,我们一般在服务器拆包前使用req.setCharacterEcoding(“utf-8”)来设置解码方式,在发送响应数据时res.setContentType(“text/html;charset =“utf-8”)来设置编码方式 </p><p>第4,5步是Servlet处理请求数据 </p><p>服务器接到请求数据后会解释成两个对象,一个是与请求数据对应的httpServletRerust对象,一个是与响应数据对应的HttpServletResponse对象. </p><p>请求中的所有消息都封装在httpServletRerust对象中,通过这个对象的相关方法可以获得请求数据,例如:读取请求行,消息头信息,获取路径信息等 </p><p>System.out.println (req.getMethod ()); </p> </div> </div> </div> </div> </div> </div> <div class="module"> <div class="module-pd"> <div class="ralative-content"> <div class="left-a"> <img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/ed0770df846a561252d380eb6294dd88d0d23d06.webp" alt="国开大学Web开发课程基础知识点小结(一)"> </div> <div class="module-content"> <h2 class="rt-a text-overflow" data-doc-id="ed0770df846a561252d380eb6294dd88d0d23d06" data-did="219398830">国开大学Web开发课程基础知识点小结(一)</h2> <div class="module-content-item"> <div class="item-overflow"> <p>国开大学Web开发课程基础知识点小结（一） </p><p>1）WWW（World Wide Web）即全球广域网，也称万维网。 </p><p>（2）定义Web界面和超链接的语言，就是HTML。 </p><p>（3）Internet，中文正式译名为“因特网”，又叫做国际互联网。它是由那些使用公用语言互相通信的计算机连接而成的全球网络。 </p><p>（4）Internet提供的主要服务有Telnet、E-mail、WWW、FTP。 </p><p>（5）Web可分为Web客户端和Web服务器端。 </p><p>（6）Web客户端（常用浏览器）通过互联网访问Web服务器上的网页文档。 </p><p>（7）万维网联盟（World Wide Web Consortium，W3C）专门负责制定Web应用的标准。 </p><p>（8）Web程序是基于浏览器/服务器（B/S）模式的应用程序。 </p><p>（9）Web应用程序由Web服务器、浏览器、通信协议三部分组成。 </p><p>（10）Web中采用HTTP（HyperText Transfer Protocol，超文本传输协议）通信协议。 </p><p>（11）HTTP规定了Web服务器与浏览器之间如何打包及如何传输数据。 </p><p>（12）Web服务器是可以向发出请求的浏览器提供文档的程序。 </p><p>（13）Web服务器的主要功能包括：存储网站资源文件、响应浏览器发来的请求、提供最基本的安全功能。（14）主流Web服务器软件产品有Tomcat、IIS、Apache等。 </p><p>（15）Web浏览器是专门加载并显示Web网页的软件。 </p><p>（16）Web浏览器的主要功能有：代用户发送请求，作为HTML的解释器和内嵌脚本的执行器，用图形化方式显示Web网页的内容。 </p><p>（17）市场上主流的Web浏览器软件包括：Microsoft IE，Mozilla Firefox，Google Chrome，Opera，Apple Safari等。 </p><p>（18）创建Web内容主要经过3个环节：Web设计、Web前端开发和Web服务器端开发。 </p><p>（19）编写网页主要使用3种编程语言：HTML、CSS、JavaScript。 </p> </div> </div> </div> </div> </div> </div> <div class="module"> <div class="module-pd"> <div class="ralative-content"> <div class="left-a"> <img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/843113cbf80f76c66137ee06eff9aef8951e484d.webp" alt="web总结(一)"> </div> <div class="module-content"> <h2 class="rt-a text-overflow" data-doc-id="843113cbf80f76c66137ee06eff9aef8951e484d" data-did="221492416">web总结(一)</h2> <div class="module-content-item"> <div class="item-overflow"> <p>web总结(一) </p><p>前言 </p><p>• Web是当今社会中不可或缺的一个重要组成部分，它已经深入到我们的日常生活中。 </p><p>• 作为一名资深的创作者，我对Web的发展有着深刻的了解和研究。 </p><p>• 在本文中，我将对Web进行一个全面的总结。 </p><p>正文 </p><p>Web的定义 </p><p>• Web（World Wide Web）是一种基于互联网的信息系统。 </p><p>• 它以超文本为基础，通过链接将全球各个地方的信息链接起来。 </p><p>Web的发展历程 </p><p>• Web的起源可以追溯到20世纪90年代初，由英国科学家蒂姆·伯纳斯-李发明。 </p><p>• 最初的Web只是一个简单的文件浏览和检索系统，但随着时间的推移，它迅速演变为一个全球性的信息网络。 </p><p>• 随着技术的发展和普及，Web也从静态的文件浏览器发展为动态的应用平台，包括社交网络、电子商务、在线娱乐等。 Web的重要特点 </p><p>• 开放性：Web是一个开放的系统，任何人都可以发布和访问信息。 </p><p>• 跨平台：Web可以在不同的操作系统和终端设备上运行。 </p><p>• 可扩展性：Web允许开发人员通过添加新的功能和服务来扩展它的能力。 </p><p>• 链接性：Web通过超链接将各个页面和资源互相连接起来，形成一个庞大的网络。 </p><p>Web的挑战与发展趋势 </p><p>• 随着Web应用规模的不断增长，网络安全和隐私保护成为重要问题。 </p><p>• 移动互联网的兴起使得Web需要适应不同屏幕尺寸和网络条件。 </p><p>• Web正在向更智能化的方向发展，如人工智能、大数据分析等技术的应用。 </p><p>• 未来的Web可能会更加注重用户体验，提供更个性化、定制化的服务。 </p><p>结尾 </p><p>• Web的发展是一个不断演进的过程，它已经改变了人们的生活方式和工作方式。 • 作为创作者，我们应该积极利用Web的优势，创造更有价值、更有创意的作品。 </p><p>• 我希望通过这篇总结文稿，能够让更多的人了解Web的重要性和发展趋势，为Web的未来做出贡献。 </p><p>前言 </p><p>• Web是当今社会中不可或缺的一个重要组成部分，它已经深入到我们的日常生活中。 </p> </div> </div> </div> </div> </div> </div> <div class="module"> <div class="module-pd"> <div class="ralative-content"> <div class="left-a"> <img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/3203570d58eef8c75fbfc77da26925c52cc59123.webp" alt="web基础知识"> </div> <div class="module-content"> <h2 class="rt-a text-overflow" data-doc-id="3203570d58eef8c75fbfc77da26925c52cc59123" data-did="324250429">web基础知识</h2> <div class="module-content-item"> <div class="item-overflow"> <p>web基础知识</p><p>⼀、浏览器：</p><p>1、常见的浏览器内核有哪些?</p><p>浏览器/RunTime内核（渲染引擎）JavaScript 引擎ChromeBlink（28~） Webkit（Chrome 27）V8FireFoxGeckoSpiderMonkeySafariWebkitJavaScriptCoreEdgeEdgeHTMLChakra(for JavaScript)IETridentChakra(for JScript)Node.js-V8</p><p>2、浏览器的主要组成部分是什么？</p><p>1. ⽤户界⾯ - 包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗⼝显⽰的您请求的页⾯外，其他显⽰的各个部分都属于⽤户界⾯。2. 浏览器引擎 - 在⽤户界⾯和呈现引擎之间传送指令。</p><p>3. UI呈现引擎 - 负责显⽰请求的内容。如果请求的内容是 HTML，它就负责解析 HTML 和 CSS 内容，并将解析后的内容显⽰在屏幕上。</p><p>4. ⽹络 - ⽤于⽹络调⽤，⽐如 HTTP 请求。其接⼝与平台⽆关，并为所有平台提供底层实现。</p><p>5. ⽤户界⾯后端 - ⽤于绘制基本的窗⼝⼩部件，⽐如组合框和窗⼝。其公开了与平台⽆关的通⽤接⼝，⽽在底层使⽤操作系统的⽤户界⾯⽅法。6. JavaScript 解释器。⽤于解析和执⾏ JavaScript 代码。</p><p>7. 数据存储。这是持久层。浏览器需要在硬盘上保存各种数据，例如 Cookie。新的 HTML 规范 (HTML5) 定义了“⽹络数据库”，这是⼀个完整（但是轻便）的浏览器内数据库。</p><p>3、浏览器是如何渲染UI的？</p><p>1. 浏览器获取HTML⽂件，然后对⽂件进⾏解析，形成DOM Tree2. 与此同时，进⾏CSS解析，⽣成Style Rules3. 接着将DOM Tree与Style Rules合成为 Render Tree4. 接着进⼊布局（Layout）阶段，也就是为每个节点分配⼀个应出现在屏幕上的确切坐标5. 随后调⽤GPU进⾏绘制（Paint），遍历Render Tree的节点，并将元素呈现出来</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="recommended" id="downtip"> <div class="tag"> <ul class="tag-header"> <li> <a href="javascript:;" title="下载提示" data-tab-target="tip" class="" id="onTagDownload"> 下载提示 <i class="iconfont icon-you bottom"></i> </a> </li> </ul> <div class="tab-items"> <div class="tab-item tip" data-tab-item="tip"> <div class="list"> <ol> <li>1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。</li> <li>2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。</li> <li>3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。</li> </ol> </div> </div> </div> </div> </div> <div class="recommended"> <div class="article-box"> </div> </div> </div> <div class="temp-rg" id="target-element"> <div class="relevant-box temp-mg"> <div class="content" id="side-list"> <div class="header hd-bm hd-scollor"> <div class="title"> <h3>文档推荐</h3> <i class="bg bg-1"></i> </div> </div> <ul class="container-ul"> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/0320241197.html" target="_blank" title="css基础知识总结" class="ul-doc-a text-overflow-clamp">css基础知识总结</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:3</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/0121767186.html" target="_blank" title="Java-Web基础总结" class="ul-doc-a text-overflow-clamp">Java-Web基础总结</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:5</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/1d20834985.html" target="_blank" title="web基础知识点总结" class="ul-doc-a text-overflow-clamp">web基础知识点总结</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:4</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/2121492416.html" target="_blank" title="web总结(一)" class="ul-doc-a text-overflow-clamp">web总结(一)</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:5</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/3c20773845.html" target="_blank" title="web前端知识点总结" class="ul-doc-a text-overflow-clamp">web前端知识点总结</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:2</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/3622270483.html" target="_blank" title="html基础知识总结" class="ul-doc-a text-overflow-clamp">html基础知识总结</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:2</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/4820748777.html" target="_blank" title="Web前端基础总结" class="ul-doc-a text-overflow-clamp">Web前端基础总结</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:26</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/4320748779.html" target="_blank" title="Web前端知识点总结" class="ul-doc-a text-overflow-clamp">Web前端知识点总结</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:23</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/5f19663058.html" target="_blank" title="对web的认识总结" class="ul-doc-a text-overflow-clamp">对web的认识总结</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:2</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-pdf"></i> <div class="cont-rg flex-column"> <a href="/doc/5520902848.html" target="_blank" title="JAVA基础知识个人总结" class="ul-doc-a text-overflow-clamp">JAVA基础知识个人总结</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:23</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-pdf"></i> <div class="cont-rg flex-column"> <a href="/doc/6619759179.html" target="_blank" title="HTML基础知识总结" class="ul-doc-a text-overflow-clamp">HTML基础知识总结</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:12</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/9220340729.html" target="_blank" title="网络基础知识总结" class="ul-doc-a text-overflow-clamp">网络基础知识总结</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:30</em> </div> </div> </div> </div> </li> </ul> </div> </div> <div class="relevant-box"> <div class="content"> <div class="header hd-bm"> <div class="title"> <h3>最新文档</h3> <i class="bg bg-4"></i> </div> </div> <ul class="container-ul"> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/0b8329413.html" target="_blank" class="new-li-a text-overflow">大班社会优秀教案：客家擂茶真好喝含反思</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/082754128.html" target="_blank" class="new-li-a text-overflow">[芜湖导游词]安徽概况讲解导游词.doc</a> </li> <li class="new-down-li"> <i class="icon-docx"></i> <a href="/doc/0217448460.html" target="_blank" class="new-li-a text-overflow">精选描写木棉花的作文</a> </li> <li class="new-down-li"> <i class="icon-pdf"></i> <a href="/doc/0921179255.html" target="_blank" class="new-li-a text-overflow">WEB基础知识个人总结</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/0429831934.html" target="_blank" class="new-li-a text-overflow">散文表达技巧的梳理及运用</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/0f20394330.html" target="_blank" class="new-li-a text-overflow">2019年英语三级考试试卷真题A卷真题及答案</a> </li> <li class="new-down-li"> <i class="icon-docx"></i> <a href="/doc/0612701987.html" target="_blank" class="new-li-a text-overflow">2019中考语文试题及答案：《唐雎不辱使命》阅读语文.doc</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/0221813413.html" target="_blank" class="new-li-a text-overflow">《诗两首》教学设计_1.doc</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/0f17247445.html" target="_blank" class="new-li-a text-overflow">工程力学专业本科培养方案</a> </li> <li class="new-down-li"> <i class="icon-ppt"></i> <a href="/doc/0814701803.html" target="_blank" class="new-li-a text-overflow">案例分析景观桥共43页</a> </li> </ul> </div> </div> </div> </div> </div> </main> <div class="broadside"> <div class="user-cursor" id="toTop"> <div class="user-about" title="置顶"> <i class="iconfont icon-you bottom"></i> </div> </div> </div> <footer> <div class="container"> <div class="ft-content"> <div class="ft-logo"> <a href="/" target="_blank" title="文档之家" class="flex-column-center"> <img src="/pc/icon/icon-logo1.png" alt="文档之家"> <p>文档之家</p> </a> </div> <div class="ft-info"> <nav class="footer-nav"> <ul> <li><strong class="ft-block">关于</strong></li> <li><a href="/about/about-us.html">关于我们</a></li> <li><a href="/about/contact-us.html">联系我们</a></li> </ul> <ul> <li><strong class="ft-block">版权相关</strong></li> <li><a href="/about/copyright-statement.html">版权声明</a></li> <li><a href="/about/infringement-complaint.html">侵权投诉</a></li> <li><a href="/about/disclaimer.html">免责声明</a></li> </ul> <ul> <li><strong class="ft-block">网站声明</strong></li> <li><a href="/about/user-agreement.html">用户协议</a></li> <li><a href="/about/privacy-policy.html">隐私政策</a></li> <li><a href="/about/sitemap.html">网站地图</a></li> </ul> <ul> <li><strong class="ft-block">帮助中心</strong></li> <li><a href="/about/download-instructions.html">下载说明</a></li> <li><a href="/about/download-failure-solution.html">下载失败解决</a></li> <li><a href="/about/redownload-order.html">订单重下载</a></li> </ul> </nav> <div class="ft-side"> <h3>微信客服</h3> </div> </div> </div> </div> <div class="ft-box"> <div class="ft-text"> <p>文档之家版权所有 - ©2024</p> </div> </div> </footer> <script src="/pc/js/index.js"></script> </body> </html>