</td>
<td>为文档定义一个标题</td>
</tr>
<tr>
<td><body></td>
<td>定义文档的主体</td>
</tr>
<tr>
<td><h1> to <h6></td>
<td>定义 html 标题</td>
</tr>
<tr>
<td><p></td>
<td>定义一个段落</td>
</tr>
<tr>
<td><br></td>
<td>定义简单的折行。</td>
</tr>
<tr>
<td><hr></td>
<td>定义水平线。</td>
</tr>
<tr>
<td></td>
<td>定义一个注释</td>
</tr>
<tr>
<td><strong>格式</strong></td>
<td></td>
</tr>
<tr>
<td><acronym></td>
<td>html5不再支持。 定义只取首字母的缩写。</td>
</tr>
<tr>
<td><abbr></td>
<td>定义一个缩写。</td>
</tr>
<tr>
<td><address></td>
<td>定义文档作者或拥有者的联系信息。</td>
</tr>
<tr>
<td><b></td>
<td>定义粗体文本。</td>
</tr>
<tr>
<td><bdi></td>
<td>new 允许您设置一段文本,使其脱离其父元素的文本方向设置。</td>
</tr>
<tr>
<td><bdo></td>
<td>定义文本的方向。</td>
</tr>
<tr>
<td><big></td>
<td>html5不再支持。 定义大号文本。</td>
</tr>
<tr>
<td><blockquote></td>
<td>定义块引用。</td>
</tr>
<tr>
<td><center></td>
<td>html5不再支持。 html 4.01 已废弃。定义居中文本。</td>
</tr>
<tr>
<td><cite></td>
<td>定义引用(citation)。</td>
</tr>
<tr>
<td><code></td>
<td>定义计算机代码文本。</td>
</tr>
<tr>
<td><del></td>
<td>定义被删除文本。</td>
</tr>
<tr>
<td><dfn></td>
<td>定义定义项目。</td>
</tr>
<tr>
<td><em></td>
<td>定义强调文本。</td>
</tr>
<tr>
<td><font></td>
<td>html5不再支持。 html 4.01 已废弃。 定义文本的字体、尺寸和颜色</td>
</tr>
<tr>
<td><i></td>
<td>定义斜体文本。</td>
</tr>
<tr>
<td><ins></td>
<td>定义被插入文本。</td>
</tr>
<tr>
<td><kbd></td>
<td>定义键盘文本。</td>
</tr>
<tr>
<td><mark> <code>new</code></td>
<td>定义带有记号的文本。</td>
</tr>
<tr>
<td><meter> <code>new</code></td>
<td>定义度量衡。仅用于已知最大和最小值的度量。</td>
</tr>
<tr>
<td><pre></td>
<td>定义预格式文本</td>
</tr>
<tr>
<td><progress> <code>new</code></td>
<td>定义运行中的任务进度(进程)。</td>
</tr>
<tr>
<td><q></td>
<td>定义短的引用。</td>
</tr>
<tr>
<td><rp> <code>new</code></td>
<td>定义不支持 ruby 元素的浏览器所显示的内容。</td>
</tr>
<tr>
<td><rt> <code>new</code></td>
<td>定义字符(中文注音或字符)的解释或发音。</td>
</tr>
<tr>
<td><ruby> <code>new</code></td>
<td>定义 ruby 注释(中文注音或字符)。</td>
</tr>
<tr>
<td><s></td>
<td>定义加删除线的文本。</td>
</tr>
<tr>
<td><samp></td>
<td>定义计算机代码样本。</td>
</tr>
<tr>
<td><small></td>
<td>定义小号文本。</td>
</tr>
<tr>
<td><strike></td>
<td>html5不再支持。 html 4.01 已废弃。 定义加删除线的文本。</td>
</tr>
<tr>
<td><strong></td>
<td>定义语气更为强烈的强调文本。</td>
</tr>
<tr>
<td><sub></td>
<td>定义下标文本。</td>
</tr>
<tr>
<td><sup></td>
<td>定义上标文本。</td>
</tr>
<tr>
<td><time> <code>new</code></td>
<td>定义一个日期/时间</td>
</tr>
<tr>
<td><tt></td>
<td>html5不再支持。 定义打字机文本。</td>
</tr>
<tr>
<td><u></td>
<td>定义下划线文本。</td>
</tr>
<tr>
<td><var></td>
<td>定义文本的变量部分。</td>
</tr>
<tr>
<td><wbr> <code>new</code></td>
<td>规定在文本中的何处适合添加换行符。</td>
</tr>
<tr>
<td><strong>表单</strong></td>
<td></td>
</tr>
<tr>
<td><form></td>
<td>定义一个 html 表单,用于用户输入。</td>
</tr>
<tr>
<td><input></td>
<td>定义一个输入控件</td>
</tr>
<tr>
<td><textarea></td>
<td>定义多行的文本输入控件。</td>
</tr>
<tr>
<td><button></td>
<td>定义按钮。</td>
</tr>
<tr>
<td><select></td>
<td>定义选择列表(下拉列表)。</td>
</tr>
<tr>
<td><optgroup></td>
<td>定义选择列表中相关选项的组合。</td>
</tr>
<tr>
<td><option></td>
<td>定义选择列表中的选项。</td>
</tr>
<tr>
<td><label></td>
<td>定义 input 元素的标注。</td>
</tr>
<tr>
<td><fieldset></td>
<td>定义围绕表单中元素的边框。</td>
</tr>
<tr>
<td><legend></td>
<td>定义 fieldset 元素的标题。</td>
</tr>
<tr>
<td><datalist> <code>new</code></td>
<td>规定了 input 元素可能的选项列表。</td>
</tr>
<tr>
<td><keygen> <code>new</code></td>
<td>规定用于表单的密钥对生成器字段。</td>
</tr>
<tr>
<td><output> <code>new</code></td>
<td>定义一个计算的结果</td>
</tr>
<tr>
<td><strong>框架</strong></td>
<td></td>
</tr>
<tr>
<td><frame></td>
<td>html5不再支持。 定义框架集的窗口或框架。</td>
</tr>
<tr>
<td><frameset></td>
<td>html5不再支持。定义框架集。</td>
</tr>
<tr>
<td><noframes></td>
<td>html5不再支持。 定义针对不支持框架的用户的替代内容。</td>
</tr>
<tr>
<td><iframe></td>
<td>定义内联框架。</td>
</tr>
<tr>
<td><strong>图像</strong></td>
<td></td>
</tr>
<tr>
<td><img></td>
<td>定义图像。</td>
</tr>
<tr>
<td><map></td>
<td>定义图像映射。</td>
</tr>
<tr>
<td><area></td>
<td>定义图像地图内部的区域。</td>
</tr>
<tr>
<td><canvas> <code>new</code></td>
<td>通过脚本(通常是 javascript)来绘制图形(比如图表和其他图像)。</td>
</tr>
<tr>
<td><figcaption> <code>new</code></td>
<td>定义一个 caption for a <figure> element</td>
</tr>
<tr>
<td><figure></td>
<td>new figure 标签用于对元素进行组合。</td>
</tr>
<tr>
<td>audio/video</td>
<td></td>
</tr>
<tr>
<td><audio> <code>new</code></td>
<td>定义声音,比如音乐或其他音频流。</td>
</tr>
<tr>
<td><source> <code>new</code></td>
<td>定义media元素 (<video> 和 <audio>)的媒体资源。media</td>
</tr>
<tr>
<td><track> <code>new</code></td>
<td>为媒体(<video> 和 <audio>)元素定义外部文本轨道。</td>
</tr>
<tr>
<td><video> <code>new</code></td>
<td>定义一个音频或者视频</td>
</tr>
<tr>
<td><strong>链接</strong></td>
<td></td>
</tr>
<tr>
<td><a></td>
<td>定义一个链接</td>
</tr>
<tr>
<td><link></td>
<td>定义文档与外部资源的关系。</td>
</tr>
<tr>
<td><main></td>
<td>定义文档的主体部分。</td>
</tr>
<tr>
<td><nav></td>
<td>new 定义导航链接</td>
</tr>
<tr>
<td><strong>列表</strong></td>
<td></td>
</tr>
<tr>
<td><ul></td>
<td>定义一个无序列表</td>
</tr>
<tr>
<td><ol></td>
<td>定义一个有序列表</td>
</tr>
<tr>
<td><li></td>
<td>定义一个列表项</td>
</tr>
<tr>
<td><dir></td>
<td>html5不再支持。 html 4.01 已废弃。 定义目录列表。</td>
</tr>
<tr>
<td><dl></td>
<td>定义一个定义列表</td>
</tr>
<tr>
<td><dt></td>
<td>定义一个定义定义列表中的项目。</td>
</tr>
<tr>
<td><dd></td>
<td>定义定义列表中项目的描述。</td>
</tr>
<tr>
<td><menu></td>
<td>定义菜单列表。</td>
</tr>
<tr>
<td><command></td>
<td>new 定义用户可能调用的命令(比如单选按钮、复选框或按钮)。</td>
</tr>
<tr>
<td><strong>表格</strong></td>
<td></td>
</tr>
<tr>
<td><table></td>
<td>定义一个表格</td>
</tr>
<tr>
<td><caption></td>
<td>定义表格标题。</td>
</tr>
<tr>
<td><th></td>
<td>定义表格中的表头单元格。</td>
</tr>
<tr>
<td><tr></td>
<td>定义表格中的行。</td>
</tr>
<tr>
<td><td></td>
<td>定义表格中的单元。</td>
</tr>
<tr>
<td><thead></td>
<td>定义表格中的表头内容。</td>
</tr>
<tr>
<td><tbody></td>
<td>定义表格中的主体内容。</td>
</tr>
<tr>
<td><tfoot></td>
<td>定义表格中的表注内容(脚注)。</td>
</tr>
<tr>
<td><col></td>
<td>定义表格中一个或多个列的属性值。</td>
</tr>
<tr>
<td><colgroup></td>
<td>定义表格中供格式化的列组。</td>
</tr>
<tr>
<td><strong>样式/节</strong></td>
<td></td>
</tr>
<tr>
<td><style></td>
<td>定义文档的样式信息。</td>
</tr>
<tr>
<td><div></td>
<td>定义文档中的节。</td>
</tr>
<tr>
<td><span></td>
<td>定义文档中的节。</td>
</tr>
<tr>
<td><header> <code>new</code></td>
<td>定义一个文档头部部分</td>
</tr>
<tr>
<td><footer> <code>new</code></td>
<td>定义一个文档底部</td>
</tr>
<tr>
<td><section> <code>new</code></td>
<td>定义了文档的某个区域</td>
</tr>
<tr>
<td><article> <code>new</code></td>
<td>定义一个文章内容</td>
</tr>
<tr>
<td><aside> <code>new</code></td>
<td>定义其所处内容之外的内容。</td>
</tr>
<tr>
<td><details> <code>new</code></td>
<td>定义了用户可见的或者隐藏的需求的补充细节。</td>
</tr>
<tr>
<td><dialog> <code>new</code></td>
<td>定义一个对话框或者窗口</td>
</tr>
<tr>
<td><summary> <code>new</code></td>
<td>定义一个可见的标题。 当用户点击标题时会显示出详细信息。</td>
</tr>
<tr>
<td><strong>元信息</strong></td>
<td></td>
</tr>
<tr>
<td><head></td>
<td>定义关于文档的信息</td>
</tr>
<tr>
<td><meta></td>
<td>定义关于 html 文档的元信息。</td>
</tr>
<tr>
<td><base></td>
<td>定义页面中所有链接的默认地址或默认目标。</td>
</tr>
<tr>
<td><basefont></td>
<td>html5不再支持。 html 4.01 已废弃。 定义页面中文本的默认字体、颜色或尺寸。</td>
</tr>
<tr>
<td><strong>程序</strong></td>
<td></td>
</tr>
<tr>
<td><script></td>
<td>定义客户端脚本。</td>
</tr>
<tr>
<td><noscript></td>
<td>定义针对不支持客户端脚本的用户的替代内容。</td>
</tr>
<tr>
<td><applet></td>
<td>html5不再支持。 html 4.01 已废弃。 定义嵌入的 applet。</td>
</tr>
<tr>
<td><embed> <code>new</code></td>
<td>定义了一个容器,用来嵌入外部应用或者互动程序(插件)。</td>
</tr>
<tr>
<td><object></td>
<td>定义嵌入的对象。</td>
</tr>
<tr>
<td><param></td>
<td>定义对象的参数。</td>
</tr>
</tbody></table></div>
</div>
</div>
<div class="previous-next-links">
<div class="previous-design-link">
<a href="/w/html-ref/html-ref-tag-list-bynumber">
<span class="iconfont" style="color: #387a9f;"></span>
</a>
<a href="/w/html-ref/html-ref-tag-list-bynumber" rel="prev" title="html 标签列表(字母排序)">html 标签列表(字母排序)</a>
</div>
<div class="next-design-link">
<a href="/w/html-ref/html-ref-standardattributes" rel="next" title="html 全局属性">html 全局属性</a>
<a href="/w/html-ref/html-ref-standardattributes">
<span class="iconfont" style="color: #387a9f;"></span>
</a>
</div>
</div>
</div>
<div style="margin-bottom:10px;">
<style>
.responsive_ad1 { display:inline-block;}
@media (max-width: 500px) { .responsive_ad1 { display: none; } }
@media(min-width: 800px) { .responsive_ad1 { width: 840px; height: 100px; } }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9072260435000715"
crossorigin="anonymous"></script>
<ins class="adsbygoogle responsive_ad1"
style="min-width:500px;max-width:840px;width:100%;height:100px;"
data-ad-client="ca-pub-9072260435000715"
data-ad-slot="8089067372"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="jyk_question_comments">
<h2 class="">
<div class="altblock" data-expand="0">
<i style="font-size:24px;padding-right:0px;" class="iconfont" aria-hidden="true"></i>
</div>
<span class="mw-headline" id="qa_headline">查看笔记</span>
</h2>
</div>
<div class="leave-message" id="leave-message" style="display:none;"></div>
</section>
</main>
<aside class="question_right mt15">
<div class="right_nav">
<h2>
<span class="iconfont"></span>分类导航
</h2>
<ul class="two_nav">
<li class="two_nav_item">
<a href="javascript:;" >服务端</a>
<ul class="three_nav">
<li><a href="/w/ba4j11165">正则表达式</a></li>
<li><a href="/w/perl">perl 教程</a></li>
<li><a href="/w/hjsp35191">php-正则</a></li>
<li><a href="/w/java">java 教程</a></li>
<li><a href="/w/php">php教程</a></li>
<li><a href="/w/php7">php7 教程</a></li>
<li><a href="/w/python">python 教程</a></li>
<li><a href="/w/lua">lua 教程</a></li>
<li><a href="/w/python3">python 3 教程</a></li>
<li><a href="/w/go">go 教程</a></li>
<li><a href="/w/graphql">graphql 教程</a></li>
<li><a href="/w/node">nodejs 教程</a></li>
</ul>
</li>
<li class="two_nav_item">
<a href="javascript:;" >web端</a>
<ul class="three_nav">
<li><a href="/w/css3">css3 教程</a></li>
<li><a href="/w/html">html 教程</a></li>
<li><a href="/w/html5">html5 教程</a></li>
<li><a href="/w/css">css 教程</a></li>
<li><a href="/w/sass">sass 教程</a></li>
<li><a href="/w/less">less 教程</a></li>
<li><a href="/w/wp">wordpress</a></li>
<li><a href="/w/svg">svg 教程</a></li>
<li><a href="/w/xml">xml教程</a></li>
<li><a href="/w/bootstrap5">bootstrap 5 教程</a></li>
<li><a href="/w/bootstrap4">bootstrap 4 教程</a></li>
<li><a href="/w/bootstrap3">bootstrap 3 教程</a></li>
</ul>
</li>
<li class="two_nav_item">
<a href="javascript:;" >javascript</a>
<ul class="three_nav">
<li><a href="/w/ts">typescript 教程</a></li>
<li><a href="/w/popperjs">popper.js 中文教程</a></li>
<li><a href="/w/underscore">underscore.js 中文教程</a></li>
<li><a href="/w/nextjs">next.js 中文教程</a></li>
<li><a href="/w/chartjs">chart.js 中文教程</a></li>
<li><a href="/w/dc">dc.js 中文教程</a></li>
<li><a href="/w/javascript">javascript 教程</a></li>
<li><a href="/w/recoil">recoil.js</a></li>
<li><a href="/w/jquery">jquery 教程</a></li>
<li><a href="/w/es6">es6 教程</a></li>
<li><a href="/w/angularjs">angularjs 教程</a></li>
<li><a href="/w/webpack">webpack 教程</a></li>
<li><a href="/w/pm2">pm2 教程</a></li>
<li><a href="/w/vue">vue.js 教程</a></li>
<li><a href="/w/vue3">vue3 教程</a></li>
<li><a href="/w/d3">d3.js 教程</a></li>
<li><a href="/w/echarts">echarts 教程</a></li>
<li><a href="/w/json">json 教程</a></li>
</ul>
</li>
<li class="two_nav_item">
<a href="javascript:;" >数据库</a>
<ul class="three_nav">
<li><a href="/w/zqxs17511">redis教程</a></li>
<li><a href="/w/mongodb">mongodb 教程</a></li>
<li><a href="/w/memcached">memcached 教程</a></li>
<li><a href="/w/sql">sql 教程</a></li>
<li><a href="/w/sqlite">sqlite 教程</a></li>
<li><a href="/w/postgresql">postgresql 教程</a></li>
<li><a href="/w/es">elastic search</a></li>
<li><a href="/w/db2">db2 教程</a></li>
<li><a href="/w/mysql">mysql 教程</a></li>
</ul>
</li>
<li class="two_nav_item">
<a href="javascript:;" >java 技术</a>
<ul class="three_nav">
<li><a href="/w/spring">spring 框架</a></li>
<li><a href="/w/maven">maven 中文教程</a></li>
<li><a href="/w/mybatis">mybatis 中文教程</a></li>
<li><a href="/w/spboot">spring boot 中文教程</a></li>
<li><a href="/w/sporm">spring boot orm</a></li>
<li><a href="/w/hibernate">hibernate 教程</a></li>
<li><a href="/w/struts">struts 教程</a></li>
<li><a href="/w/log4j">log4j 教程</a></li>
<li><a href="/w/slf4j">slf4j 教程</a></li>
<li><a href="/w/mapstruct">mapstruct 教程</a></li>
<li><a href="/w/java8">java8 教程</a></li>
<li><a href="/w/java11">java 11 教程</a></li>
<li><a href="/w/gradle">gradle</a></li>
<li><a href="/w/neo4j">neo4j 教程</a></li>
<li><a href="/w/guava">guava 教程</a></li>
</ul>
</li>
<li class="two_nav_item">
<a href="javascript:;" >后端框架</a>
<ul class="three_nav">
<li><a href="/w/laravel">laravel 教程</a></li>
<li><a href="/w/nest">nest.js 中文教程</a></li>
<li><a href="/w/koa">koa.js 中文教程</a></li>
<li><a href="/w/express">express.js 中文教程</a></li>
<li><a href="/w/sequelize">sequelize 中文教程</a></li>
<li><a href="/w/hapi">hapi 中文教程</a></li>
<li><a href="/w/junit">junit 教程</a></li>
<li><a href="/w/scrapy">scrapy 教程</a></li>
<li><a href="/w/gin">gin 教程</a></li>
<li><a href="/w/gorm">gorm 教程</a></li>
<li><a href="/w/django">django 教程</a></li>
</ul>
</li>
<li class="two_nav_item">
<a href="javascript:;" >数据分析</a>
<ul class="three_nav">
<li><a href="/w/zk">zookeeper</a></li>
<li><a href="/w/numpy">numpy 教程</a></li>
<li><a href="/w/scipy">scipy 教程</a></li>
<li><a href="/w/matplotlib">matplotlib 教程</a></li>
<li><a href="/w/pandas">pandas 教程</a></li>
</ul>
</li>
<li class="two_nav_item">
<a href="javascript:;" >开发工具</a>
<ul class="three_nav">
<li><a href="/w/docker">docker 教程</a></li>
<li><a href="/w/markdown">markdown 教程</a></li>
<li><a href="/w/k8s">k8s 教程</a></li>
<li><a href="/w/flutter">flutter 教程</a></li>
<li><a href="/w/makefile">makefile</a></li>
<li><a href="/w/tkinter">tkinter 教程</a></li>
<li><a href="/w/matlab">matlab 教程</a></li>
<li><a href="/w/git">git 教程</a></li>
</ul>
</li>
<li class="two_nav_item">
<a href="javascript:;" >网络</a>
<ul class="three_nav">
<li><a href="/w/website">网站开发教程</a></li>
<li><a href="/w/soap">soap</a></li>
<li><a href="/w/http">http 教程</a></li>
<li><a href="/w/nginx">nginx 教程</a></li>
<li><a href="/w/ipv4">ipv4 教程</a></li>
<li><a href="/w/ipv6">ipv6 教程</a></li>
</ul>
</li>
<li class="two_nav_item">
<a href="javascript:;" >编程手册</a>
<ul class="three_nav">
<li><a href="/w/html-ref">html 参考手册</a></li>
<li><a href="/w/jquery/jquery-ref-selectors">jquery 参考手册</a></li>
</ul>
</li>
</ul>
</div>
<div class="mt15">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9072260435000715"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-9072260435000715"
data-ad-slot="8124726399"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</aside>
</div>
<script type="text/javascript">
$(function () {
$(".two_li .two_li_txt").click(function() {
$(this).find("i").toggleclass('on');
$(this).next().slidetoggle();
})
$(".altblock").click(function (e) {
if($(this).data('expand') == 0) {
$("#leave-message").show();
$(this).data('expand',1);
$(this).find("i").html('');
}else{
$("#leave-message").hide();
$(this).data('expand',0);
$(this).find("i").html('')
}
});
hljs.inithighlighting();
// 手机端二级按钮
$(".ej_btn").click(function(event) {
$(".question_left").animate({left: 0}, 500);
});
$.ajax({
url: '/w/count/a/html-ref-tag-list-byfunc',
type: 'post',
datatype: 'json',
success: function (res) {
console.log(res);
}
})
});
onmpwm({
id:'leave-message',
aid:'html-ref-tag-list-byfunc',
width:"100%",
headtext:"笔记",
welcometext:"欢迎留下您的杰作",
title:'html 标签列表(功能排序)',
type:2,
highlight:true, // 代码是否高亮显示
// placeholder:'我要记笔记...'
});
</script>
<footer>
<div class="foot_wrap">
<dl>
<dt>网站导航</dt>
<dd><a href="/tm/xwzj" target="_blank">编程</a></dd>
<dd><a href="/w" target="_blank">教程</a></dd>
<dd><a href="/q" target="_blank">题库</a></dd>
<dd><a href="/tm/qwzt" target="_blank">随笔</a></dd>
<dd><a href="/tm/liuyan" target="_blank">留言</a></dd>
</dl>
<dl class="tutorial">
<dt>教程更新</dt>
<dd><a href="/w/nextjs/nextjs-impreative-routing" target="_blank">next.js 命令式(imperative)路由</a></dd>
<dd><a href="/w/nextjs/nextjs-dynamic-routes" target="_blank">next.js 动态路由</a></dd>
<dd><a href="/w/nextjs/nextjs-pre-rendering" target="_blank">next.js 预渲染 pre rendering</a></dd>
<dd><a href="/w/nextjs/nextjs-global-css-support" target="_blank">next.js 添加全局内置 css 样式</a></dd>
<dd><a href="/w/nextjs/nextjs-css-support" target="_blank">next.js 内置对 css 的支持</a></dd>
<dd><a href="/w/nextjs/nextjs-meta-data" target="_blank">next.js 元数据 - meta data</a></dd>
<dd><a href="/w/nextjs/nextjs-static-serving" target="_blank">next.js 静态文件服务</a></dd>
</dl>
<dl>
<dt>站点信息</dt>
<dd><a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=pa0ocagpcasicg18tu0sx1nr" target="_blank" rel="nofollow">意见反馈</a></dd>
<dd><a href="/disclaimer" target="_blank" rel="nofollow">免责声明</a></dd>
<dd><a href="/tm/zj" target="_blank">足迹</a></dd>
</dl>
<div class="foot_share">
<img width="140" src="/static/jiyi/v3/img/ew.jpg" alt="小程序:迹忆计算机教程">
<p>扫一扫,随时随地看教程</p>
</div>
</div>
<div class="foot_ag捕鱼王app官网 copyright">design by <a href="/" target="_blank">迹忆客</a> <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow">冀icp备15007416号-2</a></div>
</footer>
<div class="dimmer"></div>
<div class="off-canvas">
<div class="canvas-close">
<i></i>
</div>
<div class="mobile-menu d-block d-xl-none d-lg-none">
</div>
</div>
<div class="right_fixed">
<a class="return_top iconfont" href="javascript:;" title="返回顶部" style="display:inline-block;"></a>
<a class="ew iconfont" href="javascript:;" title="小程序"></a>
</div>
<div id="bottom-qrcode" class="min_pro" >
<div class="text">
<div class="download-text c-font-big">扫码一下</div>
<div class="c-font-normal c-color-gray2">查看教程更方便</div>
</div>
<img class="qrcode" src="/static/jiyi/v3/img/ew.jpg">
</div>
<style>
.right_fixed{position: fixed;right:1%;bottom: 25%;width:58px;border:1px solid #eee;font-size:24px;}
.right_fixed a{width:56px;height:56px;display: inline-block;text-align:center;font-size:30px;line-height:56px;background-color:#fff;padding-right:0;color:#2a7e9f;}
.right_fixed .return_top{border-bottom: 1px solid #eee;display: none;}
.min_pro{bottom:25%;height: 115px;width:259px;padding: 10px;margin: 0;right: 86px;position: fixed;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);border-radius:12px;background-color: #fff;display:none;}
.min_pro .text{text-align: left;margin-top: 24px;margin-left: 16px;font-size:14px;}
/* .min_pro .text::after{content:""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #154079; border-width: 6px; position: absolute; bottom: 12%; right: -12px; margin-left: -6px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);} */
.min_pro img{position: absolute;width: 100px;height: 100px;top: 7px;right: 16px}
</style>
<script>
$(window).scroll(function(){
var _top = $(document).scrolltop();
if(_top > 200){
$(".return_top").fadein();
}else{
$(".return_top").fadeout();
}
})
$(".return_top").click(function(){
$('html,body').animate({scrolltop:0}, 100);
return false;
})
$(".ew").hover(function(){
$("#bottom-qrcode").show();
},function(){
$("#bottom-qrcode").hide();
});
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=g-hh7bmnwdqh"></script>
<script>
window.datalayer = window.datalayer || [];
function gtag(){datalayer.push(arguments);}
gtag('js', new date());
gtag('config', 'g-hh7bmnwdqh');
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createelement("script");
hm.src = "https://hm.baidu.com/hm.js?96a3b22d959b1d2caea488dcccd275d2";
var s = document.getelementsbytagname("script")[0];
s.parentnode.insertbefore(hm, s);
})();
</script>
<script>
(function(){
var el = document.createelement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?86472f8d504d87358aff2b46abbe30ef4b42c9ccd9aa6e93a72da00905da80838538161d7ba7d69bfe7b93bc414b7758ce8074c9b6dd4529067719a8bf38e94a";
el.id = "ttzz";
var s = document.getelementsbytagname("script")[0];
s.parentnode.insertbefore(el, s);
})(window)
</script>
</body>
</html> |