html元素功能排序

  • 格式:et
  • 大小:62.50 KB
  • 文档页数:5

标签描述DTD定义文档类型。STF定义 HTML 文档。STF定义文档的主体。STF

to

定义 HTML 标题。STF

定义段落。STF
定义简单的折行。STF


定义水平线。STF定义注释。STF标签描述DTD定义粗体文本。STF不赞成使用。定义文本的字体、尺寸和颜色TF定义斜体文本。STF定义强调文本。STF定义大号文本。STF定义语气更为强烈的强调文本。STF定义小号文本。STF定义上标文本。STF定义下标文本。STF定义文本的方向。STF不赞成使用。定义下划线文本。TF标签描述DTD
定义预格式文本STF定义计算机代码文本。STF定义打字机文本。STF定义键盘文本。STF定义文本的变量部分。STF定义定义项目。STF定义计算机代码样本。STF不赞成使用。定义预格式文本。 标签描述DTD<acronym>定义只取首字母的缩写。STF<abbr>定义缩写。STF<address>定义文档作者或拥有者的联系信息。STF<blockquote>定义块引用。STF<center>不赞成使用。定义居中文本。TF<q>定义短的引用。STF<cite>定义引用(citation)。STF<ins>定义被插入文本。STF<del>定义被删除文本。STF按功能类别排列DTD:指示在哪种 XHTML 1.0 DTD 中允许该标签。S=Strict,T=Transitional, F=Frameset.<s>不赞成使用。定义加删除线的文本。TF<strike>不赞成使用。定义加删除线的文本。TF标签描述DTD<a>定义锚。STF<link>定义文档与外部资源的关系。STF标签描述DTD<frame>定义框架集的窗口或框架。F<frameset>定义框架集。F<noframes>定义针对不支持框架的用户的替代内容。TF<iframe>定义内联框架。TF标签描述DTD<form>定义供用户输入的 HTML 表单。STF<input>定义输入控件。STF<textarea>定义多行的文本输入控件。STF<button>定义按钮。STF<select>定义选择列表(下拉列表)。STF<optgroup>定义选择列表中相关选项的组合。STF<option>定义选择列表中的选项。STF<label>定义 input 元素的标注。STF<fieldset>定义围绕表单中元素的边框。STF<legend>定义 fieldset 元素的标题。STF<isindex>不赞成使用。定义与文档相关的可搜索索引。TF标签描述DTD<ul>定义无序列表。STF<ol>定义有序列表。STF<li>定义列表的项目。STF<dir>不赞成使用。定义目录列表。TF<dl>定义定义列表。STF<dt>定义定义列表中的项目。STF<dd>定义定义列表中项目的描述。STF<menu>不赞成使用。定义菜单列表。TF标签描述DTD<img>定义图像。STF<map>定义图像映射。STF<area>定义图像地图内部的区域。STF标签描述DTD<table>定义表格STF<caption>定义表格标题。STF<th>定义表格中的表头单元格。STF<tr>定义表格中的行。STF<td>定义表格中的单元。STF<thead>定义表格中的表头内容。STF<tbody>定义表格中的主体内容。STF<tfoot>定义表格中的表注内容(脚注)。STF<col>定义表格中一个或多个列的属性值。STF<colgroup>定义表格中供格式化的列组。STF标签描述DTD<style>定义文档的样式信息。STF<div>定义文档中的节。STF<span>定义文档中的节。STF标签描述DTD<head>定义关于文档的信息。STF<title>定义文档的标题。STF<meta>定义关于 HTML 文档的元信息。STF<base>定义页面中所有链接的默认地址或默认目标。STF<basefont>不赞成使用。定义页面中文本的默认字体、颜色或尺寸。TF标签描述DTD<script>定义客户端脚本。STF<noscript>定义针对不支持客户端脚本的用户的替代内容。STF<applet>不赞成使用。定义嵌入的 applet。TF<object>定义嵌入的对象。STF<param>定义对象的参数。STF此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。注释:<!DOCTYPE> 标签没有结束标签!HTML Strict DTD 带有可点击区域的图像映射:<map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" /></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/2d758269ec630b1c59eef8c75fbfc77da26997b2.webp" alt="quasar q-table 的用法">
													</div>
												<div class="module-content">
													<h2 class="rt-a text-overflow" data-doc-id="2d758269ec630b1c59eef8c75fbfc77da26997b2" data-did="127724951">quasar q-table 的用法</h2>
													<div class="module-content-item">
														<div class="item-overflow">
															<p>quasar q-table 的用法 </p><p>Quasar Q-table是Quasar框架中的一个组件,用于展示和处理数据的表格。它是基于HTML的table元素进行构建的,并支持各种交互功能,例如排序、过滤和分页等。 </p><p>使用Quasar Q-table,你可以轻松地在你的应用程序中呈现数据,并根据需要进行排序和筛选。这个组件提供了一些属性和方法,让你可以自定义表格的行为和外观。 </p><p>以下是一些Quasar Q-table的基本用法和功能: </p><p>1.数据源:你可以通过设置data属性来指定要在表格中展示的数据。数据可以是一个数组,也可以是一个异步请求返回的结果。 </p><p>2.列定义:使用columns属性,你可以定义表格的列,并设置每一列的标题、数据字段和其他属性。你可以为每一列设置一个定制的slot,以自定义单元格的展示方式。 </p><p>3.分页:你可以通过设置pagination属性,启用表格的分页功能。这将生成一个带有页码的分页器,并根据用户的选择切换显示的数据。 4.排序和筛选:Q-table提供了内置的排序和筛选功能,你可以在每一列上启用它们。用户可以单击表头来切换排序方式,并可以使用筛选器输入框在每一列上进行筛选。 </p><p>5.事件处理:Q-table提供了一些事件,你可以监听这些事件并在需要的时候执行自定义的逻辑。例如,你可以监听row-click事件,以响应当用户单击表格的某一行时触发的事件。 </p><p>除了以上基本功能外,Quasar Q-table还提供了其他一些高级功能,如行选择、自定义样式、列宽调整等。你可以在Quasar官方文档中找到更详细的信息和示例代码。 </p><p>总的来说,Quasar Q-table是一个功能强大且易于使用的组件,适用于在Quasar应用程序中展示和处理数据表格。它为开发者提供了丰富的功能选项和灵活的自定义能力,使得数据的展示和交互更加方便和高效。 </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/a36858634a35eefdc8d376eeaeaad1f347931151.webp" alt="html5 树形表格结构控件">
													</div>
												<div class="module-content">
													<h2 class="rt-a text-overflow" data-doc-id="a36858634a35eefdc8d376eeaeaad1f347931151" data-did="419801283">html5 树形表格结构控件</h2>
													<div class="module-content-item">
														<div class="item-overflow">
															<p>html5 树形表格结构控件 </p><p>HTML5树形表格结构控件 </p><p>HTML5树形表格结构控件是一种用于展示层级关系数据的强大工具。它可以将数据以树状结构的形式展示,并可通过交互式操作对数据进行操作和导航。本文将介绍HTML5树形表格结构控件的基本使用方法、功能特点以及它在Web开发中的应用场景。 </p><p>一、基本使用方法 </p><p>HTML5树形表格结构控件的基本使用方法非常简单。通过使用</p><p>``` </p><p></p><p>   </p><p>    节点1 </p><p>  </p><p>   </p><p>    节点2 </p><p>    节点2-1    </p><p>   </p><p>    节点2 </p><p>    节点2-2 </p><p>   </p><p></p><p>``` </p><p>这段代码中,我们使用了一个ID为"treeTable"的</p><p>二、功能特点 </p><p>HTML5树形表格结构控件具有以下功能特点: </p><p>1. 层级展示:控件可以将层级关系的数据以树状结构的形式展示,方便用户直观地了解数据的结构; </p><p>2. 交互操作:用户可以通过点击节点来展开或收起子节点,使得数据的导航和查看更加便捷; </p><p>3. 数据筛选:用户可以根据自己的需求对树形表格进行筛选,以显示特定的数据,提高数据查找的效率; 4. 数据排序:控件支持对树形表格中的数据进行排序,使得数据的呈现更加有序和规范; </p><p>5. 样式定制:用户可以根据自己的需求对树形表格的样式进行定制,以满足不同的界面需求。 </p><p>三、应用场景 </p><p>HTML5树形表格结构控件在Web开发中有着广泛的应用场景,下面列举了一些常见的场景: </p><p>1. 组织架构图:使用HTML5树形表格控件可以方便地展示企业组织架构图,使得员工能够清晰地了解公司的层级结构和人员分布; </p><p>2. 目录导航:在一些网站中,树形表格控件可以用来实现目录导航功能,方便用户快速定位所需的内容; </p><p>3. 文件管理:当需要在网页中展示文件目录结构时,树形表格控件能够提供清晰的展示效果,帮助用户直观地了解文件的组织结构; </p><p>4. 数据分类:在一些数据管理系统中,树形表格控件可用于对数据进行分类和归类展示,方便用户查看和管理数据。 </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/ec50782f767f5acfa1c7cdad.webp" alt="HTML标签对应英文全称及中文翻译">
													</div>
												<div class="module-content">
													<h2 class="rt-a text-overflow" data-doc-id="ec50782f767f5acfa1c7cdad" data-did="421974100">HTML标签对应英文全称及中文翻译</h2>
													<div class="module-content-item">
														<div class="item-overflow">
															<p>Html标签大全: </p><p>Html  </p><p> Hypertext  Markup  Language </p><p>超文本      标记     语言 </p><p> 超文本链接 </p><p> 创建超文本链接 ,其中的url为链接目标地址 </p><p>href: </p><p>Hypertext Reference的缩写。意思是超文本引用 </p><p> </p><p>anchor 的缩写 。anchor ['&aelig;ŋkə] 基本解释 n. 锚, 铁锚 的。 </p><p>URL </p><p>全球资源定位器(Uniform Resource Locator) </p><p></p><p>HTML 标题(Heading)是通过 </p><p>W3C指出h1-h6标签可定义标题。h1定义最大的标题。h6定义最小的标题。h标签是成对出现的,以开始,以结束 </p><p>align="center"  中间对齐   </p><p>align:排列、对齐、对准 </p><p></p><p>this is a Paragraph</p><p> Paragraph----段落的意思 </p><p>   </p><p> img:image的缩写,图像, </p><p>src,source,资源 </p><p> 标签是空标签(意味着它没有结束标签,因此这是错误的:)。有换行的作用 </p><p>Barter  rabbet的缩写  barter:交易,rabbet 槽    break  </p><p> </p><p> </p><p>Bgcolor中的bg是background的缩写bgcolor意为:背景颜色 </p><p></p><p></p><p>table:表格, </p><p>border:['bɔ:də]  边缘、边沿、边界    表格边框的设置 </p><p> 从这里开始是按照字母排序开始的,可以对照文本     </p><p>HTML属性(按字母排序) /tags/index.asp </p><p>            定义注释 </p><p>     定义文档类型的缩写    文档类型doctype :  document  type  </p><p>               定义缩写                                       abbr :  </p><p>abbreviation,[ə,bri:vi'eiʃən]  缩写,省略;    </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/b9eb21556fdb6f1aff00bed5b9f3f90f77c64d71.webp" alt="draggable.js 使用实例">
													</div>
												<div class="module-content">
													<h2 class="rt-a text-overflow" data-doc-id="b9eb21556fdb6f1aff00bed5b9f3f90f77c64d71" data-did="620229639">draggable.js 使用实例</h2>
													<div class="module-content-item">
														<div class="item-overflow">
															<p>一、介绍draggable.js </p><p>draggable.js是一个轻量级的JavaScript库,用于实现网页元素的拖拽功能。它具有简单易用的特点,可以帮助开发者快速地实现网页元素的拖拽效果。draggable.js使用纯JavaScript编写,不依赖于任何其他库或框架,可以在任何现代浏览器中运行。 </p><p>二、draggable.js的使用方法 </p><p>1. 引入draggable.js </p><p>在HTML文件中引入draggable.js文件,可以通过在标签中添加 </p><p>``` </p><p>2. 添加可拖拽的元素 </p><p>在需要实现拖拽功能的元素上,添加draggable属性,示例如下: </p><p>```html </p><p></p><p>  这是一个可拖拽的元素 </p><p></p><p>``` </p><p>3. 初始化拖拽功能 在JavaScript文件中初始化拖拽功能,示例如下: </p><p>```javascript </p><p>const draggableElement = </p><p>document.querySelector('[draggable=true]'); </p><p>draggableElement.addEventListener('dragstart', function(event) </p><p>{ </p><p>  event.dataTransfer.setData('text/pl本人n', '这是一个可拖拽的元素'); </p><p>}); </p><p>``` </p><p>4. 添加放置目标 </p><p>如果需要将拖拽元素放置到特定的目标位置,需要在目标位置添加dropzone属性,示例如下: </p><p>```html </p><p></p><p>  将拖拽元素放置到这里 </p><p></p><p>``` </p><p>5. 初始化放置功能 </p><p>在JavaScript文件中初始化放置功能,示例如下:  </p><p>```javascript </p><p>const dropzone = document.querySelector('[dropzone=copy]'); </p><p>dropzone.addEventListener('dragover', function(event) { </p><p>  event.preventDefault(); </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/2a12454916.html" target="_blank" title="【IT专家】在2×2的方块中放置4个图像,以在HTML-CSS中占据页面的一半。"
											   class="ul-doc-a text-overflow-clamp">【IT专家】在2×2的方块中放置4个图像,以在HTML-CSS中占据页面的一半。</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/2113696980.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>页数:7</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/257585213.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>页数:16</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/207781081.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>页数:10</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/377930471.html" target="_blank" title="JavaScript_脚本代码的位置"
											   class="ul-doc-a text-overflow-clamp">JavaScript_脚本代码的位置</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-doc"></i>
										<div class="cont-rg flex-column">
											<a href="/doc/4a10415790.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>页数:20</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/4d12229505.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>页数:13</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/4d17838101.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>页数:4</em>
												</div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="ul-doc flex-start">
										<i class="icon-pptx"></i>
										<div class="cont-rg flex-column">
											<a href="/doc/5115267744.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>页数: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/5a504152.html" target="_blank" title="HTML中CSS样式标签大全及用法"
											   class="ul-doc-a text-overflow-clamp">HTML中CSS样式标签大全及用法</a>
											<div class="bottom">
												<div class="left">
													<div class="star star-5"></div>
													<em>页数:6</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/6415762501.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>页数:11</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/6e1579321.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>页数:4</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/c716006567.html" target="_blank" class="new-li-a text-overflow">国家安监总局6号令</a>
								</li>
								<li class="new-down-li">
									<i class="icon-et"></i>
									<a href="/doc/c5638653.html" target="_blank" class="new-li-a text-overflow">html元素功能排序</a>
								</li>
								<li class="new-down-li">
									<i class="icon-docx"></i>
									<a href="/doc/c115651933.html" target="_blank" class="new-li-a text-overflow">思维导图在小学数学教学中的应用</a>
								</li>
								<li class="new-down-li">
									<i class="icon-doc"></i>
									<a href="/doc/c911523895.html" target="_blank" class="new-li-a text-overflow">进入施工现场安全注意事项</a>
								</li>
								<li class="new-down-li">
									<i class="icon-ppt"></i>
									<a href="/doc/cf5073390.html" target="_blank" class="new-li-a text-overflow">组成生物体的化合物PPT演示文稿</a>
								</li>
								<li class="new-down-li">
									<i class="icon-pdf"></i>
									<a href="/doc/c212839791.html" target="_blank" class="new-li-a text-overflow">东阿阿胶:关于公司以自筹资金预先投入权证募集资金项目的鉴证报告 2010-04-23</a>
								</li>
								<li class="new-down-li">
									<i class="icon-doc"></i>
									<a href="/doc/c98150976.html" target="_blank" class="new-li-a text-overflow">广州动物园动物行为展馆座椅改造工程</a>
								</li>
								<li class="new-down-li">
									<i class="icon-doc"></i>
									<a href="/doc/c813758699.html" target="_blank" class="new-li-a text-overflow">小学语文二年级下先学后教当堂训练第三单元教案</a>
								</li>
								<li class="new-down-li">
									<i class="icon-docx"></i>
									<a href="/doc/c212781757.html" target="_blank" class="new-li-a text-overflow">教师工作证明</a>
								</li>
								<li class="new-down-li">
									<i class="icon-doc"></i>
									<a href="/doc/c618576967.html" target="_blank" class="new-li-a text-overflow">餐饮经营管理方案.doc</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>