百度360必应搜狗淘宝本站头条
HTML APICSS 语法HTML5 支持CSS 谷歌字体HTML URL 编码
当前位置：网站首页 > 技术文章 > 正文

HTML 入门--1_html入门教程

myzbx 2025-02-16 22:08 17 浏览

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.myzbx.com/zb_users/theme/tx_hao/script/social-share.min.js"></script> </div> <div class="info-tag"> <a href="http://www.myzbx.com/tags-134.html" title="查看更多CSS 链接内容" rel="tag" target="_blank">CSS 链接</a> </div> </div> <div class="info-next"> <ul class="row"> <li class="col-12 col-m-24 mb10">上一篇：<a href="http://www.myzbx.com/post/2220.html" title="免费领取电信话费_免费领取电信话费的软件">免费领取电信话费_免费领取电信话费的软件</a></li> <li class="col-12 col-m-24 ta-r mb10">下一篇：<a href="http://www.myzbx.com/post/2222.html" title="网站原文链接配置，SEO小细节，大智慧">网站原文链接配置，SEO小细节，大智慧</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.myzbx.com/post/3504.html" title="以文本的方式绘制简单的SVG流程图——flowchart.js" class="f-black" target="_blank">以文本的方式绘制简单的SVG流程图——flowchart.js</a></dt> <dd class="news-txt"> <p class="f-gray f-13">介绍flowchart.js是在浏览器和终端中运行的流程图DSL和SVG渲染。节点和连接是分别定义的，因此可以重复使用节点，并可以快速更改连接。也可以在DSL中对节点和连接器样式进行细微的更改。Git...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/3503.html" title="全国首套构网型SVG在木垒投运" class="f-black" target="_blank">全国首套构网型SVG在木垒投运</a></dt> <dd class="news-txt"> <p class="f-gray f-13">中新网新疆新闻1月5日电（翟文辉）12月29日，全国首套构网型SVG在新疆木垒华电220千伏四十个井子汇集站并网，本项目是新疆电网继阿克陶构网型储能后又一次构网型支撑项目示范。为全面响应国家“双碳”...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/3502.html" title="Popmotion – 小巧，灵活的 JS 运动引擎" class="f-black" target="_blank">Popmotion – 小巧，灵活的 JS 运动引擎</a></dt> <dd class="news-txt"> <p class="f-gray f-13">Popmotion是一个只有12KB的JavaScript运动引擎，可以用来实现动画，物理效果和输入跟踪。原生的DOM支持：CSS，SVG，SVG路径和DOM属性的支持，开箱即用。Popmoti...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/3501.html" title="零基础教你学前端——43、初识SVG" class="f-black" target="_blank">零基础教你学前端——43、初识SVG</a></dt> <dd class="news-txt"> <p class="f-gray f-13">解决网站图标问题的最佳方案——SVG！SVG是一种基于XML语法的图像格式，英文全称是：ScalableVectorGraphics，即可缩放矢量图，是W3C的一项建议。我们用手机拍摄...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/3500.html" title="2.3 文件格式全解:PSD/JPG/PNG/SVG/GIF" class="f-black" target="_blank">2.3 文件格式全解:PSD/JPG/PNG/SVG/GIF</a></dt> <dd class="news-txt"> <p class="f-gray f-13">2.3文件格式全解：PSD/JPG/PNG/SVG/GIF一、文件格式的核心意义文件格式是数字图像的存储规则，决定了：-信息保留程度（图层/透明度/动画）-压缩方式与画质损失-跨平台兼容性-...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/3499.html" title="vite v6.3.2 发布!HMR 优化+CSS 增强+稳定性提升，前端开发再提速!" class="f-black" target="_blank">vite v6.3.2 发布!HMR 优化+CSS 增强+稳定性提升，前端开发再提速!</a></dt> <dd class="news-txt"> <p class="f-gray f-13">前言：Vite6.3.2来了！2025年4月18日，Vite团队正式发布了v6.3.2版本！虽然是一个小版本更新，但修复了多个关键问题，并带来了性能优化和稳定性提升，让开发体验更丝滑！如果你还...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/3498.html" title="一篇文章带你了解SVG 蒙版(Mask)" class="f-black" target="_blank">一篇文章带你了解SVG 蒙版(Mask)</a></dt> <dd class="news-txt"> <p class="f-gray f-13">SVG蒙版功能可将蒙版应用于SVG形状。蒙版可确定SVG形状的哪些部分可见，以及具有什么透明度。运行效果可以将SVG蒙版视为剪切路径的更高级版本。一、简单的蒙版代码解析：本示例使用ID=mask1定义...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/3497.html" title="SVG实现的流程图绘制" class="f-black" target="_blank">SVG实现的流程图绘制</a></dt> <dd class="news-txt"> <p class="f-gray f-13">一、项目简介使用SVG技术实现的流程图绘制二、实现功能流程图块生成、连线、拖拽产生相应的xml和xpdl导入导出json数据放大缩小功能保存操作（选择、自动插入、开始结束、普通活动、子活动、块活动、路...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/3496.html" title="解锁国内 404 页面:Next.js 设置指南和 33 个有趣 SVG 资源分享" class="f-black" target="_blank">解锁国内 404 页面:Next.js 设置指南和 33 个有趣 SVG 资源分享</a></dt> <dd class="news-txt"> <p class="f-gray f-13">前言当我们访问网站时，如果访问到不存在的路径时，会出现404错误。为了避免给访问者带来不良体验，设计网站时通常会在页面上展示“404页面不存在”的提示，并引导用户进行返回首页等操作。因此在建立网...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/3495.html" title="交互设计师做好动画后，提交给开发的文档有哪些?" class="f-black" target="_blank">交互设计师做好动画后，提交给开发的文档有哪些?</a></dt> <dd class="news-txt"> <p class="f-gray f-13">谢邀！简单的说一下自己的看法。首先从制作动画开始。目前制作动画的方式主要有：Gif动画视频动画Web动画，而Web动画又包括：CSS动画、JS动画（Canvas动画、原生JS动画API）、SVG动画等...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/3494.html" title="Motion for Vue:为Vue量身定制的强大动画库" class="f-black" target="_blank">Motion for Vue:为Vue量身定制的强大动画库</a></dt> <dd class="news-txt"> <p class="f-gray f-13">在前端开发中，动画效果是提升用户体验的重要手段。Vue生态系统中虽然有许多动画库，但真正能做到高性能、易用且功能丰富的并不多。今天，我们要介绍的是MotionforVue（motion-v），...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/3493.html" title="Web开发人员的福音!8个实用的SVG工具" class="f-black" target="_blank">Web开发人员的福音!8个实用的SVG工具</a></dt> <dd class="news-txt"> <p class="f-gray f-13">SVG可缩放矢量图形（ScalableVectorGraphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG是W3C在2000年8月制定的一种新的二维矢量图形格式...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/3492.html" title="一键画波浪线、一键多图片调色?这3个网站好玩到停不下来" class="f-black" target="_blank">一键画波浪线、一键多图片调色?这3个网站好玩到停不下来</a></dt> <dd class="news-txt"> <p class="f-gray f-13">作为一个经常收集网站的PPT设计师，无意中发现了一些超级有趣的网站。只要你动手能力足够强，就一定会利用它做出创意作品。不说废话，直接进入主题。1、炫酷的光线绘画网站http://weavesilk.c...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/3491.html" title="vite 6.2.5 更新速递:告别SVG路径Bug，构建效率再提升!" class="f-black" target="_blank">vite 6.2.5 更新速递:告别SVG路径Bug，构建效率再提升!</a></dt> <dd class="news-txt"> <p class="f-gray f-13">Vite6.2.5更新公告2025年4月3日，Vite团队正式发布了Vite6.2.5版本！此次更新虽然是一个小版本迭代，但修复了一个关键问题，涉及SVG文件路径检查，对前端开发者尤...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/3490.html" title="DrawSVG – SVG 路径动画 jQuery 插件" class="f-black" target="_blank">DrawSVG – SVG 路径动画 jQuery 插件</a></dt> <dd class="news-txt"> <p class="f-gray f-13">jQueryDrawSVG使用了jQuery内置的动画引擎实现SVG路径动画，用到了stroke-dasharray和stroke-dashoffset属性。DrawSVG是完全...</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.myzbx.com/post/3065.html" title="使用VSCode模板提高Vue开发效率（vscode开发vue3）" target="_blank"> <h2 class="f-15">使用VSCode模板提高Vue开发效率（vscode开发vue3）</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/3070.html" title="吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】" target="_blank"> <h2 class="f-15">吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/3066.html" title="这么牛逼的cursor功能，赶紧用起来" target="_blank"> <h2 class="f-15">这么牛逼的cursor功能，赶紧用起来</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/3073.html" title="用上Vue3，你真的变了吗?（vue3 key）" target="_blank"> <h2 class="f-15">用上Vue3，你真的变了吗?（vue3 key）</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/3064.html" title="说下你的vue项目的目录结构，该怎么划分?" target="_blank"> <h2 class="f-15">说下你的vue项目的目录结构，该怎么划分?</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/3074.html" title="8.7k star，一款超炫酷的动态可视化大屏项目" target="_blank"> <h2 class="f-15">8.7k star，一款超炫酷的动态可视化大屏项目</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/3075.html" title="移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）" target="_blank"> <h2 class="f-15">移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/971.html" title="20个免费音乐音效下载网站，无版权素材商业影片也可用" target="_blank"> <h2 class="f-15">20个免费音乐音效下载网站，无版权素材商业影片也可用</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/2398.html" title="什么是“恒定光圈”，什么是“浮动光圈”?-摄影早自习第331" target="_blank"> <h2 class="f-15">什么是“恒定光圈”，什么是“浮动光圈”?-摄影早自习第331</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/2170.html" title="谷歌SEO:外贸电商网站On-page SEO优化实战「附案例」" target="_blank"> <h2 class="f-15">谷歌SEO:外贸电商网站On-page SEO优化实战「附案例」</h2> </a> </li> </ul> </dd> </dl> <dl class="function" id="divPrevious"> <dt class="function_t">最近发表</dt><dd class="function_c"> <ul><li><a title="以文本的方式绘制简单的SVG流程图——flowchart.js" href="http://www.myzbx.com/post/3504.html">以文本的方式绘制简单的SVG流程图——flowchart.js</a></li> <li><a title="全国首套构网型SVG在木垒投运" href="http://www.myzbx.com/post/3503.html">全国首套构网型SVG在木垒投运</a></li> <li><a title="Popmotion – 小巧，灵活的 JS 运动引擎" href="http://www.myzbx.com/post/3502.html">Popmotion – 小巧，灵活的 JS 运动引擎</a></li> <li><a title="零基础教你学前端——43、初识SVG" href="http://www.myzbx.com/post/3501.html">零基础教你学前端——43、初识SVG</a></li> <li><a title="2.3 文件格式全解:PSD/JPG/PNG/SVG/GIF" href="http://www.myzbx.com/post/3500.html">2.3 文件格式全解:PSD/JPG/PNG/SVG/GIF</a></li> <li><a title="vite v6.3.2 发布!HMR 优化+CSS 增强+稳定性提升，前端开发再提速!" href="http://www.myzbx.com/post/3499.html">vite v6.3.2 发布!HMR 优化+CSS 增强+稳定性提升，前端开发再提速!</a></li> <li><a title="一篇文章带你了解SVG 蒙版(Mask)" href="http://www.myzbx.com/post/3498.html">一篇文章带你了解SVG 蒙版(Mask)</a></li> <li><a title="SVG实现的流程图绘制" href="http://www.myzbx.com/post/3497.html">SVG实现的流程图绘制</a></li> <li><a title="解锁国内 404 页面:Next.js 设置指南和 33 个有趣 SVG 资源分享" href="http://www.myzbx.com/post/3496.html">解锁国内 404 页面:Next.js 设置指南和 33 个有趣 SVG 资源分享</a></li> <li><a title="交互设计师做好动画后，提交给开发的文档有哪些?" href="http://www.myzbx.com/post/3495.html">交互设计师做好动画后，提交给开发的文档有哪些?</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.myzbx.com/tags-1.html">HTML 基础教程<span class="tag-count"> (29)</span></a></li> <li><a title="HTML 简介" href="http://www.myzbx.com/tags-3.html">HTML 简介<span class="tag-count"> (30)</span></a></li> <li><a title="HTML 响应式设计" href="http://www.myzbx.com/tags-28.html">HTML 响应式设计<span class="tag-count"> (31)</span></a></li> <li><a title="HTML URL 编码" href="http://www.myzbx.com/tags-39.html">HTML URL 编码<span class="tag-count"> (32)</span></a></li> <li><a title="HTML Web 服务器" href="http://www.myzbx.com/tags-40.html">HTML Web 服务器<span class="tag-count"> (31)</span></a></li> <li><a title="HTML 表单属性" href="http://www.myzbx.com/tags-48.html">HTML 表单属性<span class="tag-count"> (32)</span></a></li> <li><a title="HTML 音频" href="http://www.myzbx.com/tags-59.html">HTML 音频<span class="tag-count"> (31)</span></a></li> <li><a title="HTML5 支持" href="http://www.myzbx.com/tags-63.html">HTML5 支持<span class="tag-count"> (33)</span></a></li> <li><a title="HTML API" href="http://www.myzbx.com/tags-66.html">HTML API<span class="tag-count"> (36)</span></a></li> <li><a title="HTML 总结" href="http://www.myzbx.com/tags-76.html">HTML 总结<span class="tag-count"> (32)</span></a></li> <li><a title="HTML 全局属性" href="http://www.myzbx.com/tags-81.html">HTML 全局属性<span class="tag-count"> (32)</span></a></li> <li><a title="HTML 事件" href="http://www.myzbx.com/tags-82.html">HTML 事件<span class="tag-count"> (31)</span></a></li> <li><a title="HTML 画布" href="http://www.myzbx.com/tags-83.html">HTML 画布<span class="tag-count"> (32)</span></a></li> <li><a title="HTTP 方法" href="http://www.myzbx.com/tags-88.html">HTTP 方法<span class="tag-count"> (30)</span></a></li> <li><a title="键盘快捷键" href="http://www.myzbx.com/tags-89.html">键盘快捷键<span class="tag-count"> (30)</span></a></li> <li><a title="CSS 语法" href="http://www.myzbx.com/tags-93.html">CSS 语法<span class="tag-count"> (35)</span></a></li> <li><a title="CSS 选择器" href="http://www.myzbx.com/tags-94.html">CSS 选择器<span class="tag-count"> (30)</span></a></li> <li><a title="CSS 轮廓" href="http://www.myzbx.com/tags-117.html">CSS 轮廓<span class="tag-count"> (30)</span></a></li> <li><a title="CSS 轮廓宽度" href="http://www.myzbx.com/tags-118.html">CSS 轮廓宽度<span class="tag-count"> (31)</span></a></li> <li><a title="CSS 谷歌字体" href="http://www.myzbx.com/tags-131.html">CSS 谷歌字体<span class="tag-count"> (33)</span></a></li> <li><a title="CSS 链接" href="http://www.myzbx.com/tags-134.html">CSS 链接<span class="tag-count"> (31)</span></a></li> <li><a title="CSS 中级教程" href="http://www.myzbx.com/tags-137.html">CSS 中级教程<span class="tag-count"> (30)</span></a></li> <li><a title="CSS 定位" href="http://www.myzbx.com/tags-140.html">CSS 定位<span class="tag-count"> (31)</span></a></li> <li><a title="CSS 图片库" href="http://www.myzbx.com/tags-155.html">CSS 图片库<span class="tag-count"> (32)</span></a></li> <li><a title="CSS 图像精灵" href="http://www.myzbx.com/tags-156.html">CSS 图像精灵<span class="tag-count"> (31)</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.myzbx.com/"><i class="fa fa-home"></i> 首页</a></li> <li><a href="http://www.myzbx.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.myzbx.com/zb_users/theme/tx_hao/script/txcstx.min.js?v=2024-12-04"></script> </body> </html><!--133.81 ms , 13 queries , 3477kb memory , 0 error-->