百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

HTML 入门--1

zhezhongyun 2025-02-08 13:46 18 浏览

benw

一、HTML 的基本概述

  • 定义与作用 :HTML 即超文本标记语言,是构成万维网基础的重要元素,主要定义网页内容的含义和结构,其他技术(如 CSS 用于表现与展示效果,JavaScript 用于功能与行为)则作为补充。超文本指的是连接单个或多个网站间网页的链接,它是网络的关键组成部分。
  • 标记与元素 :HTML 利用 “标记” 来标注文本、图片等各类内容,以便在浏览器中呈现,包含多种元素如 、、<body>、<header>、<footer>、<article>、<section>、<p>、<div>、<span>、<img>、<aside>、<audio>、<canvas>、<datalist>、<details>、<embed>、<nav>、<output>、<progress>、<video>、<ul>、<ol>、<li> 等。</li><li data-track="183"><strong>标签特点</strong> :通过 “标签” 将文本从文档中引出,由 “<”“>” 包裹元素名构成,HTML 标签里的元素名不区分大小写,一般推荐使用全部小写。</li></ul><p data-track="184"><strong>二、主要资源介绍</strong></p><ul><li data-track="185"><strong>HTML 介绍</strong> :为新手提供基础文章,讲解 HTML 概念及使用方法。</li><li data-track="186"><strong>HTML 教程</strong> :涵盖使用 HTML 的文章、教程和完整示例,可在 HTML 学习区查看。</li><li data-track="187"><strong>HTML 参考</strong> :包含了 HTML 每个元素和属性的详细信息,资源丰富。</li><li data-track="188"><strong>初学者教程</strong> :在 HTML 学习区有许多特色模块,可让学习者从零开始,无需先前经验掌握 HTML。</li></ul><p data-track="189"><strong>三、HTML 相关学习模块</strong></p><ul><li data-track="190"><strong>HTML 介绍模块</strong> :帮助学习者打下基础,掌握核心概念和语法,学会将 HTML 应用于文本、创建超链接及构建网页。</li><li data-track="191"><strong>多媒体与嵌入内容模块</strong> :探索在网页中包含多媒体内容的方式,如嵌入图片、视频、音频及其他网页。</li><li data-track="192"><strong>HTML 表格模块</strong> :教授如何以可理解且易于访问的形式在网页展示表格化数据,涵盖基本表格标记及一些复杂特性。</li><li data-track="193"><strong>HTML 表单模块</strong> :引导建立客户端 / 前端部分的表单,表单在网页交互中起到关键作用,如注册、登录、发送评论反馈等。</li></ul><p data-track="194"><strong>四、用 HTML 解决常见问题</strong></p><ul><li data-track="195">提供了常见问题解决方法的链接,涉及如何处理网页标题、添加图片或视频、强调内容、建立基本表单等在构建网页过程中的常见问题。</li></ul><p data-track="196"><strong>五、高级主题</strong></p><ul><li data-track="197"><strong>CORS 处理跨域图片</strong> :通过设置 crossorigin 属性和合适 CORS 标头,可以让 <img> 元素从外部来源加载并在 <canvas> 元素中如本地源一样使用图片。</li><li data-track="198"><strong>CORS 设置属性</strong> :支持 CORS 的 HTML 元素(如 <img> 或 <video>)具有 crossorigin 元素属性(或 crossOrigin 对象属性),用于配置其跨域获取资源的请求。</li><li data-track="199"><strong>使用 rel="preload" 预加载页面内容</strong> :通过设置 <link> 元素 rel 属性的值为 preload,在 HTML 的 <head> 部分声明需要在页面加载后即刻使用的资源,预加载资源,提升性能。</li></ul><p data-track="200"><strong>六、参考内容</strong></p><ul><li data-track="201"><strong>HTML 参考</strong> :HTML 由元素组成,每个元素可被多个属性修饰,文档通过链接相互连接。</li><li data-track="202"><strong>HTML 元素参考</strong> :提供了完整的 HTML 元素列表。</li><li data-track="203"><strong>HTML 属性参考</strong> :说明了 HTML 元素的属性,这些属性可以配置或调整元素行为。</li><li data-track="204"><strong>全局属性</strong> :可在所有 HTML 元素设置,即使元素不符合 HTML5 标准也允许这些属性存在。</li><li data-track="205"><strong>行级元素和块级元素</strong> :介绍了 HTML 元素的行级和块级特性,行级元素只占用被标签包裹的空间,块级元素占用父元素全部空间。</li><li data-track="206"><strong>链接类型</strong> :阐述了在 HTML 中用于确立文档间关系的各种链接类型,涉及的链接元素包括 <a>、<area> 和 <link>。</li><li data-track="207"><strong>Web 媒体类型和格式指南</strong> :指出了 <audio> 和 <video> 元素可原生播放音频和视频媒体,无需外部软件支持。</li><li data-track="208"><strong>HTML 内容种类</strong> :讲解了 HTML 包含的不同内容,以及它们在特定情景下有效的条件,还有可包含的类别和元素使用规则。</li><li data-track="209"><strong>怪异模式和标准模式</strong> :提供了关于这两种模式的历史信息。</li></ul></div> <div class="clearfix mb10"> <div class="share fr"> <div class="social-share mb20 ta-c" data-initialized="true"> <a href="#" class="social-share-icon iconfont icon-weibo"></a> <a href="#" class="social-share-icon iconfont icon-qq"></a> <a href="#" class="social-share-icon iconfont icon-wechat"></a> <a href="#" class="social-share-icon iconfont icon-qzone"></a> </div> <script src="http://www.zhezhongyun.com/zb_users/theme/tx_hao/script/social-share.min.js"></script> </div> <div class="info-tag"> <a href="http://www.zhezhongyun.com/tags-135.html" title="查看更多HTML5 标签内容" rel="tag" target="_blank">HTML5 标签</a> </div> </div> <div class="info-next"> <ul class="row"> <li class="col-12 col-m-24 mb10">上一篇:<a href="http://www.zhezhongyun.com/post/1950.html" title="以后好好学习天天向上">以后好好学习天天向上</a></li> <li class="col-12 col-m-24 ta-r mb10">下一篇:<a href="http://www.zhezhongyun.com/post/1952.html" title="保护用户Web隐私 HTTP referrer header是如何做到的?">保护用户Web隐私 HTTP referrer header是如何做到的?</a></li> </ul> </div> </div> <h2 class="tx-title">相关推荐</h2> <div class="home-news"> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/3498.html" title="字体缩放(方式一)(字体缩放150%怎么做)" class="f-black" target="_blank">字体缩放(方式一)(字体缩放150%怎么做)</a></dt> <dd class="news-txt"> <p class="f-gray f-13">通过元素宽度和字数计算得到缩放简单实现如下:/***字体最大为视觉要求大小(maxFontSize);超出缩小字体显示,最小为minFontSize;最小字体时超出部分使用圆点(...);*p...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/3497.html" title="网页世界隐藏的神秘代码语言,竟能这样改变布局" class="f-black" target="_blank">网页世界隐藏的神秘代码语言,竟能这样改变布局</a></dt> <dd class="news-txt"> <p class="f-gray f-13">CSS基础:选择器与属性CSS(CascadingStyleSheets)是用于控制网页外观的一门样式表语言。它通过定义HTML元素的显示方式来增强网页的表现力。CSS的选择器允许开发者精确地定位...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/3496.html" title="CSS属性值计算过程详解(css属性用来定义元素计算)" class="f-black" target="_blank">CSS属性值计算过程详解(css属性用来定义元素计算)</a></dt> <dd class="news-txt"> <p class="f-gray f-13">在CSS中,即使某些属性没有显式声明,浏览器也会通过**属性值计算过程**为每个元素的所有属性赋予最终值。这一过程分为四个关键步骤,以下将逐一解析。1.确定声明值浏览器首先检查所有**直接应用**到...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/3495.html" title="软网推荐:找回调整Windows 10字号功能" class="f-black" target="_blank">软网推荐:找回调整Windows 10字号功能</a></dt> <dd class="news-txt"> <p class="f-gray f-13">之前的系统,从WindowsXP到早期版本的Windows10,均有字体大小调整功能,但从创意者版Windows10以来,取消了之前的设置选项,取而代之的是自定义缩放比例设置。使用这个功能调整过...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/3494.html" title="Excel中如何设置文本框属性,实例代码讲解" class="f-black" target="_blank">Excel中如何设置文本框属性,实例代码讲解</a></dt> <dd class="news-txt"> <p class="f-gray f-13">Excel不仅可以对数据进行处理,而且也可以图形化数据,直观显示数据表达的内容。本节介绍一个很重要的对象,Characters,字符对象,使用Characters对象可修改包含在全文本字符串中的任...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/3493.html" title="CSS 字体样式(css中字体)" class="f-black" target="_blank">CSS 字体样式(css中字体)</a></dt> <dd class="news-txt"> <p class="f-gray f-13">本节我们来讲字体样式,之前我们学习HTML的时候学过一些用于字体加粗、倾斜的标签,但是使用标签来实现的效果肯定没有我们通过CSS中的样式来的方便。接下来我们会给大家介绍下面这几个属性的使用:通...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/3492.html" title="PC网站建设必备代码知识:HTML基础与应用技巧" class="f-black" target="_blank">PC网站建设必备代码知识:HTML基础与应用技巧</a></dt> <dd class="news-txt"> <p class="f-gray f-13">在PC网站建设的相关课程里,代码扮演着至关重要的角色。只有熟练运用正确的代码,我们才能打造出功能完善、用户体验出色的PC网站。接下来,我会详细讲解在PC网站建设环节中必须了解的代码知识。HTML基础代...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/3491.html" title="让你大跌眼镜的疯狂 HTML 和 CSS 技巧" class="f-black" target="_blank">让你大跌眼镜的疯狂 HTML 和 CSS 技巧</a></dt> <dd class="news-txt"> <p class="f-gray f-13">今天,分享一个让你大开眼界的技巧。通过使用这个技巧,你可以将整个网页变成一个CSS编辑器。没错,你从未见过这种方法。当我第一次尝试时,我完全被震惊到了。现在,让我们开始吧!步骤1首先,创建一个基础的...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/3490.html" title="jQuery EasyUI使用教程:创建一个链接按钮" class="f-black" target="_blank">jQuery EasyUI使用教程:创建一个链接按钮</a></dt> <dd class="news-txt"> <p class="f-gray f-13">jQueryEasyUI最新版下载>本教程主要为大家展示如何使用jQueryEasyUI创建一个链接按钮。通常情况下,使用“button/”元素来创建一个按钮;使用“a/”元素来创建链接按钮...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/3489.html" title="React 19 有哪些新特性?(react100)" class="f-black" target="_blank">React 19 有哪些新特性?(react100)</a></dt> <dd class="news-txt"> <p class="f-gray f-13">如果你对React18还不熟悉,欢迎阅读之前的文章《React18全览[1]》最近React发布了V19RC版本,按照惯例,我们对React19的新特性进行一次深度的体验学习...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/3488.html" title="Java注解探秘:为什么@PostConstruct能解决你的初始化难题?" class="f-black" target="_blank">Java注解探秘:为什么@PostConstruct能解决你的初始化难题?</a></dt> <dd class="news-txt"> <p class="f-gray f-13">你是否在Spring项目中遇到过这样的困扰:明明依赖注入已经完成,但某些配置就是无法正常加载?手动调用初始化方法又容易引发空指针异常?这就是@PostConstruct注解大显身手的时候了!@Post...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/3487.html" title="AI驱动的表单自动填写(ai置入表格)" class="f-black" target="_blank">AI驱动的表单自动填写(ai置入表格)</a></dt> <dd class="news-txt"> <p class="f-gray f-13">我们都同意,填写表格是一项枯燥且耗时的任务。如果我们可以创建一个可以为我们填写表格的AI助手,让我们将时间投入到更有建设性的任务中,那会怎样?AI助手将能够通过调用以表单字段为参数的函数来填写表...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/3486.html" title="从零到一:小程序设计新手如何快速上手?" class="f-black" target="_blank">从零到一:小程序设计新手如何快速上手?</a></dt> <dd class="news-txt"> <p class="f-gray f-13">开发环境搭建对于小程序设计新手而言,搭建合适的开发环境是首要任务。以小程序为例,其官方提供了功能强大的开发工具——开发者工具。首先,新手需前往官方开发者平台,在页面中找到“工具下载”板块,根据...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/3485.html" title="JavaSwingGUI从小白到大神-6(续)(java从小白到大牛怎么样)" class="f-black" target="_blank">JavaSwingGUI从小白到大神-6(续)(java从小白到大牛怎么样)</a></dt> <dd class="news-txt"> <p class="f-gray f-13">接上一篇《JavaSwingGUI从小白到大神-6》,因本篇文章3万多字,头条一篇发不完,只能分开发。同事查询面板:CompanyFind.javapublicclassCompanyFind{...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/3484.html" title="C# winform界面假死(c#程序假死)" class="f-black" target="_blank">C# winform界面假死(c#程序假死)</a></dt> <dd class="news-txt"> <p class="f-gray f-13">针对C#WinForm界面假死问题,以下是分步解决方案:1.使用异步编程(async/await)将耗时操作移至后台线程,保持UI线程响应。步骤:将事件处理函数标记为async。使用Task....</p> </dd> </dl> </div> </div> <div class="side-box col-6 col-m-24 col2-"> <dl class="side-hot"> <dt>一周热门</dt> <dd> <ul> <li> <a href="http://www.zhezhongyun.com/post/513.html" title="b端详情页:各种信息聚集地,设计师要如何规划这一亩三分地呢" target="_blank"> <h2 class="f-15">b端详情页:各种信息聚集地,设计师要如何规划这一亩三分地呢</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1118.html" title="接口测试遇到500报错?别慌,你的头部可能有点问题" target="_blank"> <h2 class="f-15">接口测试遇到500报错?别慌,你的头部可能有点问题</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1123.html" title="漏洞系列一一看我一招征服漏洞 SSRF" target="_blank"> <h2 class="f-15">漏洞系列一一看我一招征服漏洞 SSRF</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1120.html" title="Web前端需要学什么?Web前端开发需要学习哪些?" target="_blank"> <h2 class="f-15">Web前端需要学什么?Web前端开发需要学习哪些?</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1689.html" title="前端Flex布局可视化布局工具介绍,vue和html5快速设计利器" target="_blank"> <h2 class="f-15">前端Flex布局可视化布局工具介绍,vue和html5快速设计利器</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1140.html" title="「资讯」为强迫用户使用Edge浏览器,微软又出新招数" target="_blank"> <h2 class="f-15">「资讯」为强迫用户使用Edge浏览器,微软又出新招数</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1682.html" title="HTML 简介(html简介及优缺点)" target="_blank"> <h2 class="f-15">HTML 简介(html简介及优缺点)</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1684.html" title="关于HTML5被简称做H5,你怎么看?(html5缩写)" target="_blank"> <h2 class="f-15">关于HTML5被简称做H5,你怎么看?(html5缩写)</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1242.html" title="HBuilderX,uni-app创建HTML5项目,同时支持浏览器和移动端" target="_blank"> <h2 class="f-15">HBuilderX,uni-app创建HTML5项目,同时支持浏览器和移动端</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1499.html" title="现在页面实时聊天都使用Websocket技术实现吗?" target="_blank"> <h2 class="f-15">现在页面实时聊天都使用Websocket技术实现吗?</h2> </a> </li> </ul> </dd> </dl> <dl class="function" id="divPrevious"> <dt class="function_t">最近发表</dt><dd class="function_c"> <ul><li><a title="字体缩放(方式一)(字体缩放150%怎么做)" href="http://www.zhezhongyun.com/post/3498.html">字体缩放(方式一)(字体缩放150%怎么做)</a></li> <li><a title="网页世界隐藏的神秘代码语言,竟能这样改变布局" href="http://www.zhezhongyun.com/post/3497.html">网页世界隐藏的神秘代码语言,竟能这样改变布局</a></li> <li><a title="CSS属性值计算过程详解(css属性用来定义元素计算)" href="http://www.zhezhongyun.com/post/3496.html">CSS属性值计算过程详解(css属性用来定义元素计算)</a></li> <li><a title="软网推荐:找回调整Windows 10字号功能" href="http://www.zhezhongyun.com/post/3495.html">软网推荐:找回调整Windows 10字号功能</a></li> <li><a title="Excel中如何设置文本框属性,实例代码讲解" href="http://www.zhezhongyun.com/post/3494.html">Excel中如何设置文本框属性,实例代码讲解</a></li> <li><a title="CSS 字体样式(css中字体)" href="http://www.zhezhongyun.com/post/3493.html">CSS 字体样式(css中字体)</a></li> <li><a title="PC网站建设必备代码知识:HTML基础与应用技巧" href="http://www.zhezhongyun.com/post/3492.html">PC网站建设必备代码知识:HTML基础与应用技巧</a></li> <li><a title="让你大跌眼镜的疯狂 HTML 和 CSS 技巧" href="http://www.zhezhongyun.com/post/3491.html">让你大跌眼镜的疯狂 HTML 和 CSS 技巧</a></li> <li><a title="jQuery EasyUI使用教程:创建一个链接按钮" href="http://www.zhezhongyun.com/post/3490.html">jQuery EasyUI使用教程:创建一个链接按钮</a></li> <li><a title="React 19 有哪些新特性?(react100)" href="http://www.zhezhongyun.com/post/3489.html">React 19 有哪些新特性?(react100)</a></li> </ul> </dd> </dl> <dl class="function" id="divTags"> <dt class="function_t">标签列表</dt><dd class="function_c"> <ul><li><a title="HTML 教程" href="http://www.zhezhongyun.com/tags-1.html">HTML 教程<span class="tag-count"> (33)</span></a></li> <li><a title="HTML 简介" href="http://www.zhezhongyun.com/tags-3.html">HTML 简介<span class="tag-count"> (35)</span></a></li> <li><a title="HTML 实例/测验" href="http://www.zhezhongyun.com/tags-46.html">HTML 实例/测验<span class="tag-count"> (32)</span></a></li> <li><a title="HTML 测验" href="http://www.zhezhongyun.com/tags-47.html">HTML 测验<span class="tag-count"> (32)</span></a></li> <li><a title="HTML 参考手册" href="http://www.zhezhongyun.com/tags-52.html">HTML 参考手册<span class="tag-count"> (28)</span></a></li> <li><a title="JavaScript 和 HTML DOM 参考手册" href="http://www.zhezhongyun.com/tags-54.html">JavaScript 和 HTML DOM 参考手册<span class="tag-count"> (32)</span></a></li> <li><a title="HTML 拓展阅读" href="http://www.zhezhongyun.com/tags-55.html">HTML 拓展阅读<span class="tag-count"> (30)</span></a></li> <li><a title="HTML中如何键入空格" href="http://www.zhezhongyun.com/tags-56.html">HTML中如何键入空格<span class="tag-count"> (27)</span></a></li> <li><a title="HTML常用标签" href="http://www.zhezhongyun.com/tags-58.html">HTML常用标签<span class="tag-count"> (29)</span></a></li> <li><a title="HTML文本框样式" href="http://www.zhezhongyun.com/tags-60.html">HTML文本框样式<span class="tag-count"> (31)</span></a></li> <li><a title="HTML滚动条样式" href="http://www.zhezhongyun.com/tags-61.html">HTML滚动条样式<span class="tag-count"> (34)</span></a></li> <li><a title="HTML5 浏览器支持" href="http://www.zhezhongyun.com/tags-113.html">HTML5 浏览器支持<span class="tag-count"> (33)</span></a></li> <li><a title="HTML5 新元素" href="http://www.zhezhongyun.com/tags-114.html">HTML5 新元素<span class="tag-count"> (33)</span></a></li> <li><a title="HTML5 WebSocket" href="http://www.zhezhongyun.com/tags-131.html">HTML5 WebSocket<span class="tag-count"> (30)</span></a></li> <li><a title="HTML5 代码规范" href="http://www.zhezhongyun.com/tags-132.html">HTML5 代码规范<span class="tag-count"> (32)</span></a></li> <li><a title="HTML5 标签" href="http://www.zhezhongyun.com/tags-135.html">HTML5 标签<span class="tag-count"> (717)</span></a></li> <li><a title="HTML5 标签 (已废弃)" href="http://www.zhezhongyun.com/tags-137.html">HTML5 标签 (已废弃)<span class="tag-count"> (75)</span></a></li> <li><a title="HTML5电子书" href="http://www.zhezhongyun.com/tags-141.html">HTML5电子书<span class="tag-count"> (32)</span></a></li> <li><a title="HTML5开发工具" href="http://www.zhezhongyun.com/tags-142.html">HTML5开发工具<span class="tag-count"> (34)</span></a></li> <li><a title="HTML5小游戏源码" href="http://www.zhezhongyun.com/tags-143.html">HTML5小游戏源码<span class="tag-count"> (34)</span></a></li> <li><a title="HTML5模板下载" href="http://www.zhezhongyun.com/tags-144.html">HTML5模板下载<span class="tag-count"> (30)</span></a></li> <li><a title="HTTP 状态消息" href="http://www.zhezhongyun.com/tags-159.html">HTTP 状态消息<span class="tag-count"> (33)</span></a></li> <li><a title="HTTP 方法:GET 对比 POST" href="http://www.zhezhongyun.com/tags-160.html">HTTP 方法:GET 对比 POST<span class="tag-count"> (33)</span></a></li> <li><a title="键盘快捷键" href="http://www.zhezhongyun.com/tags-168.html">键盘快捷键<span class="tag-count"> (35)</span></a></li> <li><a title="标签" href="http://www.zhezhongyun.com/tags-171.html">标签<span class="tag-count"> (226)</span></a></li> </ul> </dd> </dl> </div> </div> </div> </div> <div class="footer"> <div class="wide ta-c f-12"> </div> </div> <div class="fixed-box "> <ul> <li class="pchide wapflex"><a href="http://www.zhezhongyun.com/"><i class="fa fa-home"></i> 首页</a></li> <li><a href="http://www.zhezhongyun.com/shoulu.html" title="收录申请" target="_blank"><i class="fa fa-chain-broken mr5"></i>收录</a></li> <li><span class="gotop"><i class="fa fa-caret-up mr5"></i> 顶部</span></li> </ul> </div> <script src="http://www.zhezhongyun.com/zb_users/theme/tx_hao/script/txcstx.min.js?v=2024-12-04"></script> </body> </html><!--118.62 ms , 13 queries , 3515kb memory , 0 error-->