本文介绍了为什么链接不带<title>包含的 <svg>因为它是可访问的名称?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
为 alt 属性.类似地，为 </code> 元素.</p><p>如果我在 <code>a</code> 标签中有一个 <code>img</code> 标签，则链接的可访问名称就是 <code>img</code> 的可访问名称.但是，如果我在 <code>a</code> 标签中有一个 <code>svg</code>，即使 <code>svg</code> 有，链接也没有可访问的名称.这是为什么?</p><p>这在 Lighthouse 审核和 Firefox 开发工具的辅助功能选项卡中都很明显.</p><pre><code></p><pre><code></p><p>我可以在链接中添加一个 aria-label，但这似乎是重复的.</p><div class="h2_lin"> 解决方案 </div><p><h2>简短回答</h2><p>视觉上隐藏的文本仍然是确保链接文本被读出的最可靠方式.</p><p>还有其他更简洁的方法可以做到这一点，例如在外部图像上使用 <code>alt</code> 属性或在内联 SVG 上使用 <code>aria-labelledby</code> 所以我已经包含了这些在下面的答案中.</p><h2>长答案</h2><p>大多数现代屏幕阅读器都不会遇到这个问题(NVDA 和 JAWS 在我的快速测试中都阅读了标题文本)，但一些较旧的屏幕阅读器(包括旧版本的 NVDA、JAW 等)将无法使用.</p><p>我相信desc"的评论相当于alt"不正确，因为我 <a href="https://stackoverflow.com/questions/59563251/inline-svg-title-desc-correct-usage-for-accessilibility/59563793#59563793">在这个关于标题与SVG 上的描述</a>(前三行是相关的).</p><p>为了进一步扩展，这里是 W3C 在提议的规范更新中对 SVG 的说明:-</p><块引用><p>'title' 子元素代表一个短文本替代元素.</p><p>在链接上，这可以是目标的标题或描述资源；在图像或绘图对象上，它可能是一个短图形说明；在交互式内容上，它可能是一个元素使用的标签或说明；等等.</p><p>来源:<a href="https://www.w3.org/TR/SVG2/struct.html#TitleElement" rel="nofollow noreferrer">https://www.w3.org/TR/SVG2/struct.html#TitleElement</a></p></blockquote><p><块引用><p>‘desc’元素代表更详细的文本信息元素，如描述.这通常暴露于提供更详细信息的辅助技术，例如图形视觉外观的描述或帮助解释复杂小部件的功能.它通常不可用其他用户，因此不应用于必要的说明.</p><p>来源:<a href="https://www.w3.org/TR/SVG2/struct.html#DescElement" rel="nofollow noreferrer">https://www.w3.org/TR/SVG2/struct.html#DescElement</a></p></blockquote><p><h3>外部 SVG</h3><p>对于外部 SVG 文件，确保读取文本的推荐方法是使用 <code>alt</code> 标签.这可能意味着轻微的重复，但 alt 属性可以返回到 ie4！</p><p>保持你的 <code>title</code> 属性，就像有人直接访问图像一样，他们仍然会得到图像所包含内容的一些描述.</p><h3>内联 SVG</h3><p>为此，您应该给您的 <code>title</code> 一个 ID.然后将 <code>aria-labelledby</code> 添加到周围的链接中.如我链接的问题所述，您还可以为 <code><description></code> 提供一个 ID，并根据需要链接它们.</p><p>缺点是<a href="https://www.powermapper.com/tests/screen-readers/labelling/a-aria-labelledby-img-no-alt/" rel="nofollow noreferrer"><code>aria-labelledby</code> 没有您想象的那么受支持</a>，但它完全有效并且通过了 WCAG 建议.</p><pre><code><a href="/fern"><svg role="img";视图框=0 0 100 100"；aria-labelledby="linkText"><title id="linkText">Bracken</title><use xlink:href="/ferns_sprite.svg#bracken"></use></svg></a></code></pre><p><h3>最强大的方式 - 视觉上隐藏的文本.</h3><p>上述两种方法是正确的，但如果您支持 Internet Explorer(如果您关心可访问性，则应该这样做，因为 <a href="https://webaim.org/projects/screenreadersurvey8/#browsers" rel="nofollow noreferrer">IE 在屏幕阅读器社区的使用率更高</a>) 那么最强大的方式仍然是视觉隐藏文本.</p><p>视觉上隐藏的文本在屏幕上不可见，但仍会被屏幕阅读器读取.</p><p>请使用下面的 CSS 类隐藏文本，因为它具有 <a href="https://stackoverflow.com/questions/62107074/how-to-hide-a-text-and-make-it-accessible-by-screen-reader/62109988#62109988">比我给出的这个答案中解释的 bootstrap sr-only 类更好的兼容性</a>.</p><p>注意我是如何在两种情况下使用 <code>aria-hidden=true"</code> 完全隐藏 SVG 的，并在到期的内联 SVG 上添加 <code>focusable=false"</code>到 Internet Explorer 和较旧的 Opera 浏览器，使 SVG 具有交互性.对于不完全支持 <code>aria</code> 的屏幕阅读器，仍然需要空的 <code>alt=""</code> 作为后备.</p><p>下面应该可以一直工作到 IE6，并且提供的 CSS 类应该可以在未来几年工作！</p><p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"></p><div class="snippet-code"></p><pre class="snippet-code-css lang-css Prettyprint-override"><code>.visually-hidden {边框:0；填充:0；边距:0；位置:绝对！重要；高度:1px；宽度:1px；溢出:隐藏；剪辑:矩形(1px 1px 1px 1px)；/* IE6, IE7 - 0 高度剪辑，位于可见 1px 框的右下角 */剪辑:矩形(1px，1px，1px，1px)；/* 可能已弃用，但我们需要支持旧版浏览器 */剪辑路径:插入(50％)；/*现代浏览器，剪辑路径从每个角落向内工作*/空白:nowrap；/* 添加一行以阻止单词混在一起(因为它们进入单独的行并且一些屏幕阅读器不理解换行符为空格 */}</code></pre><p></p><pre class="snippet-code-html lang-html Prettyprint-override"><code><a href="/fern"><span class="visually-hidden">Bracken</span><svg role="img" viewBox="0 0 100 100" aria-hidden="true" focusable="false"><title>布雷肯</title><use xlink:href="/ferns_sprite.svg#bracken"></use></svg></a><a href="/fern"><span class="visually-hidden">Bracken</span><img src="/bracken" alt="" aria-hidden="true"/></a></code></pre><p></div><p></div><p></p><p>The way to provide an accessible name for an <code><img></code> element is via its <code>alt</code> attribute. Similarly, the way to provide an acessible name for an <code><svg></code> element is via its <code><title></code> element.</p>
<p>If I have an <code>img</code> tag within an <code>a</code> tag, the accessible name of the link is the accessible name of the <code>img</code>. However, if I have an <code>svg</code> within an <code>a</code> tag, the link has has no accessible name even if the <code>svg</code> does. Why is this?</p>
<p>This is apparent within both Lighthouse audits and also the Accessibility tab of Firefox dev tools.</p><pre><code><a href="/fern">
<img src="/bracken" alt="Bracken" />
</a>
</code></pre><p></p><pre><code><a href="/fern">
<svg role="img" viewBox="0 0 100 100">
<title>Bracken</title>
<use xlink:href="/ferns_sprite.svg#bracken"></use>
</svg>
</a>
</code></pre><p></p>
<p>I could add an aria-label to the link, but that seems like duplication.</p><div class="h2_lin"> 解决方案 </div><p><h2>Short Answer</h2>
<p>Visually hidden text is still the most robust way to ensure link text is read out.</p>
<p>There are other ways of doing this that are neater such as using the <code>alt</code> attribute on an external image or <code>aria-labelledby</code> on an inline SVG so I have included those in the answer below.</p>
<h2>Long Answer</h2>
<p>Most modern screen readers will not have a problem with this (NVDA and JAWS both read the title text in my quick test) but some older ones (including old versions of NVDA, JAWs etc.) will not work.</p>
<p>I believe that the comment that "desc" is the equivalent of "alt" is not correct as I <a href="https://stackoverflow.com/questions/59563251/inline-svg-title-desc-correct-usage-for-accessilibility/59563793#59563793">explained in this answer on title vs description on SVG</a> (the first three lines are relevant).</p>
<p>To further expand on this here is what the W3C says about SVGs in the proposed spec update:-</p><blockquote>
<p>The ‘title’ child element represents a short text alternative for the
element.</p>
<p>On a link, this could be the title or a description of the target
resource; on an image or drawing object, it could be a short
description of the graphic; on interactive content, it could be a
label for, or instructions for, use of the element; and so forth.</p>
<p>source: <a href="https://www.w3.org/TR/SVG2/struct.html#TitleElement" rel="nofollow noreferrer">https://www.w3.org/TR/SVG2/struct.html#TitleElement</a></p>
</blockquote><p>
</p><blockquote>
<p>The ‘desc’ element represents more detailed textual information for
the element such as a description. This is typically exposed to
assistive technologies to provide more detailed information, such as a
description of the visual appearance of a graphic or help to explain
the functionality of a complex widget. It is not typically available
to other users, so should not be used for essential instructions.</p>
<p>source: <a href="https://www.w3.org/TR/SVG2/struct.html#DescElement" rel="nofollow noreferrer">https://www.w3.org/TR/SVG2/struct.html#DescElement</a></p>
</blockquote><p>
<h3>External SVGs</h3>
<p>For external SVG files the recommended way to ensure text is read is to use <code>alt</code> tags. This may mean slight duplication but alt attributes work back to ie4!</p>
<p>Keep your <code>title</code> attribute as if someone accesses the image directly they will still get some description of what the image contains.</p>
<h3>Inline SVGs</h3>
<p>For this you should give your <code>title</code> an ID. Then add <code>aria-labelledby</code> to the surrounding link. As stated in the question I linked you can also give the <code><description></code> an ID and link both of them if you wish.</p>
<p>The downside is that <a href="https://www.powermapper.com/tests/screen-readers/labelling/a-aria-labelledby-img-no-alt/" rel="nofollow noreferrer"><code>aria-labelledby</code> is not as well supported</a> as you might think, but it is perfectly valid and passes WCAG recommendations.</p><pre><code><a href="/fern">
<svg role="img" viewBox="0 0 100 100" aria-labelledby="linkText">
<title id="linkText">Bracken</title>
<use xlink:href="/ferns_sprite.svg#bracken"></use>
</svg>
</a>
</code></pre><p>
<h3>The most robust way - visually hidden text.</h3>
<p>The above two ways of doing this are correct, but if you support Internet Explorer (which you should if you care about accessibility as <a href="https://webaim.org/projects/screenreadersurvey8/#browsers" rel="nofollow noreferrer">usage of IE is higher in the screen reader community</a>) then the most robust way is still visually hidden text.</p>
<p>Visually hidden text is not visible on the screen but will still be read by a screen reader.</p>
<p>Please use the CSS class below to hide text as it has <a href="https://stackoverflow.com/questions/62107074/how-to-hide-a-text-and-make-it-accessible-by-screen-reader/62109988#62109988">better compatibility than bootstrap sr-only class as explained in this answer I gave</a>.</p>
<p>Notice how I completely hide the SVG in both circumstances using <code>aria-hidden="true"</code> and also add <code>focusable="false"</code> on the inline SVG due to Internet Explorer and older Opera browsers making SVGs interactive. The empty <code>alt=""</code> is still required as a fallback for screen readers that don't fully support <code>aria</code>.</p>
<p>The below should work all the way back to IE6 and with the CSS class provided should hopefully work for several years to come!</p>
<p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
</p><div class="snippet-code">
</p><pre class="snippet-code-css lang-css prettyprint-override"><code>.visually-hidden {
border: 0;
padding: 0;
margin: 0;
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */
clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/
white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}</code></pre><p>
</p><pre class="snippet-code-html lang-html prettyprint-override"><code><a href="/fern">
<span class="visually-hidden">Bracken</span>
<svg role="img" viewBox="0 0 100 100" aria-hidden="true" focusable="false">
<title>Bracken</title>
<use xlink:href="/ferns_sprite.svg#bracken"></use>
</svg>
</a>
<a href="/fern">
<span class="visually-hidden">Bracken</span>
<img src="/bracken" alt="" aria-hidden="true" />
</a></code></pre><p>
</div><p>
</div><p>
</p>
<p>这篇关于为什么链接不带<title>包含的 <svg>因为它是可访问的名称?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！</p>
</div>
<div class="arc-body-main-more">
<span onclick="unlockarc('2423735');">查看全文</span>
</div>
</div>
<div>
</div>
<div class="wwads-cn wwads-horizontal" data-id="166" style="max-width:100%;border: 4px solid #666;"></div>
</div>
</article>
<div id="arc-ad-2" class="mb-1">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-5038752844014834"
data-ad-slot="3921941283"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="widget bgwhite radius-1 mb-1 shadow widget-rel">
<h5>相关文章</h5>
<ul>
<li>
<a target="_blank" title="换出< title> t1< / title>< title> t2< / title> < title>新标题< / title>< title>新标题< / title>" href="/1256706.html">
换出< title> t1< / title>< title> t2< / title> < title>新标题< / title>< title>新标题< / title>;
</a>
</li>
<li>
<a target="_blank" title="内联SVG< title>< desc>正确使用可访问性" href="/2270509.html">
内联SVG< title>< desc>正确使用可访问性;
</a>
</li>
<li>
<a target="_blank" title="< TITLE>" href="/1044278.html">
< TITLE>;
</a>
</li>
<li>
<a target="_blank" title="Python 获取 <title>" href="/2459883.html">
Python 获取 <title>;
</a>
</li>
<li>
<a target="_blank" title="为什么要嵌套< svg>另一个< svg>中的元素元素?" href="/1886624.html">
为什么要嵌套< svg>另一个< svg>中的元素元素?;
</a>
</li>
<li>
<a target="_blank" title="如何更改 GitLab <title>?" href="/2794941.html">
如何更改 GitLab <title>?;
</a>
</li>
<li>
<a target="_blank" title="为什么要在< head>标签中放置< title>标签?元素?" href="/2270863.html">
为什么要在< head>标签中放置< title>标签?元素?;
</a>
</li>
<li>
<a target="_blank" title="SVG嵌套< svg> vs组" href="/1887106.html">
SVG嵌套< svg> vs组;
</a>
</li>
<li>
<a target="_blank" title="内联 SVG <title><描述>可访问性的正确用法" href="/2611938.html">
内联 SVG <title><描述>可访问性的正确用法;
</a>
</li>
<li>
<a target="_blank" title="奇怪的查询结果/< title>问题" href="/1049583.html">
奇怪的查询结果/< title>问题;
</a>
</li>
<li>
<a target="_blank" title="如何更改GitLab< title> ;?" href="/2100954.html">
如何更改GitLab< title> ;?;
</a>
</li>
<li>
<a target="_blank" title="正确的方式与< svg>" href="/579544.html">
正确的方式与< svg>;
</a>
</li>
<li>
<a target="_blank" title="< title>元素需要位于< head>元件？" href="/873552.html">
< title>元素需要位于< head>元件？;
</a>
</li>
<li>
<a target="_blank" title="javascript - 如何实现点击<a>标签的链接后更改<title>的样式表名称呢？" href="/722244.html">
javascript - 如何实现点击<a>标签的链接后更改<title>的样式表名称呢？;
</a>
</li>
<li>
<a target="_blank" title="Fit< svg>到< object>的大小。容器" href="/565890.html">
Fit< svg>到< object>的大小。容器;
</a>
</li>
<li>
<a target="_blank" title="在< head>中，首先出现：< meta>或< title> ;?" href="/864517.html">
在< head>中，首先出现：< meta>或< title> ;?;
</a>
</li>
<li>
<a target="_blank" title="< HTML> < head> < title>硒Firefox Webdriver文本为空" href="/1878348.html">
< HTML> < head> < title>硒Firefox Webdriver文本为空;
</a>
</li>
<li>
<a target="_blank" title="Page< title>来自include变量？" href="/1051647.html">
Page< title>来自include变量？;
</a>
</li>
<li>
<a target="_blank" title="如何使用< svg> viewBox属性?" href="/1886522.html">
如何使用< svg> viewBox属性?;
</a>
</li>
<li>
<a target="_blank" title="Multiple Layers Of <svg> polygons - Not Working" href="/2953081.html">
Multiple Layers Of <svg> polygons - Not Working;
</a>
</li>
<li>
<a target="_blank" title="如果SVG内容在嵌入的< svg>默认？" href="/564520.html">
如果SVG内容在嵌入的< svg>默认？;
</a>
</li>
<li>
<a target="_blank" title="内联 SVG <标题><描述>可访问性的正确用法" href="/2838413.html">
内联 SVG <标题><描述>可访问性的正确用法;
</a>
</li>
<li>
<a target="_blank" title="拉伸< svg>在< embed>内适应窗口大小" href="/1852101.html">
拉伸< svg>在< embed>内适应窗口大小;
</a>
</li>
<li>
<a target="_blank" title="不使用< title>的jQuery工具提示属性" href="/1500317.html">
不使用< title>的jQuery工具提示属性;
</a>
</li>
<li>
<a target="_blank" title="如何绑定 html <title>Vuejs 中的内容?" href="/2840388.html">
如何绑定 html <title>Vuejs 中的内容?;
</a>
</li>
</ul>
</div>
<div class="mb-1">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-5038752844014834"
data-ad-slot="3921941283"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<div class="side">
<div class="widget widget-side bgwhite mb-1 shadow">
<h5>其他开发最新文章</h5>
<ul>
<li>
<a target="_blank" title="拒绝显示一个框架，因为它将'X-Frame-Options'设置为'sameorigin'" href="/893060.html">
拒绝显示一个框架，因为它将'X-Frame-Options'设置为'sameorigin';
</a>
</li>
<li>
<a target="_blank" title="什么是＆QUOT; AW＆QUOT;在部分标志属性是什么意思？" href="/303988.html">
什么是＆QUOT; AW＆QUOT;在部分标志属性是什么意思？;
</a>
</li>
<li>
<a target="_blank" title="在运行npm install命令时获取'npm WARN弃用'警告" href="/840917.html">
在运行npm install命令时获取'npm WARN弃用'警告;
</a>
</li>
<li>
<a target="_blank" title="cmake无法找到openssl" href="/516280.html">
cmake无法找到openssl;
</a>
</li>
<li>
<a target="_blank" title="从Spark的scala中的* .tar.gz压缩文件中读取HDF5文件" href="/850628.html">
从Spark的scala中的* .tar.gz压缩文件中读取HDF5文件;
</a>
</li>
<li>
<a target="_blank" title="Twitter :: Error :: Forbidden - 无法验证您的凭据" href="/630061.html">
Twitter :: Error :: Forbidden - 无法验证您的凭据;
</a>
</li>
<li>
<a target="_blank" title="我什么时候需要一个fb：app_id或者fb：admins？" href="/747981.html">
我什么时候需要一个fb：app_id或者fb：admins？;
</a>
</li>
<li>
<a target="_blank" title="将.db文件导入R" href="/902960.html">
将.db文件导入R;
</a>
</li>
<li>
<a target="_blank" title="npm通知创建一个lockfile作为package-lock.json。你应该提交这个文件" href="/744854.html">
npm通知创建一个lockfile作为package-lock.json。你应该提交这个文件;
</a>
</li>
<li>
<a target="_blank" title="拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“script-src'self'”" href="/819167.html">
拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“script-src'self'”;
</a>
</li>
</ul>
</div>
<div class="widget widget-side bgwhite mb-1 shadow">
<h5>
热门教程
</h5>
<ul>
<li>
<a target="_blank" title="Java教程" href="/OnLineTutorial/java/index.html">
Java教程
</a>
</li>
<li>
<a target="_blank" title="Apache ANT 教程" href="/OnLineTutorial/ant/index.html">
Apache ANT 教程
</a>
</li>
<li>
<a target="_blank" title="Kali Linux教程" href="/OnLineTutorial/kali_linux/index.html">
Kali Linux教程
</a>
</li>
<li>
<a target="_blank" title="JavaScript教程" href="/OnLineTutorial/javascript/index.html">
JavaScript教程
</a>
</li>
<li>
<a target="_blank" title="JavaFx教程" href="/OnLineTutorial/javafx/index.html">
JavaFx教程
</a>
</li>
<li>
<a target="_blank" title="MFC 教程" href="/OnLineTutorial/mfc/index.html">
MFC 教程
</a>
</li>
<li>
<a target="_blank" title="Apache HTTP客户端教程" href="/OnLineTutorial/apache_httpclient/index.html">
Apache HTTP客户端教程
</a>
</li>
<li>
<a target="_blank" title="Microsoft Visio 教程" href="/OnLineTutorial/microsoft_visio/index.html">
Microsoft Visio 教程
</a>
</li>
</ul>
</div>
<div class="widget widget-side bgwhite mb-1 shadow">
<h5>
热门工具
</h5>
<ul>
<li>
<a target="_blank" title="Java 在线工具" href="/Onlinetools/details/4">
Java 在线工具
</a>
</li>
<li>
<a target="_blank" title="C(GCC) 在线工具" href="/Onlinetools/details/6">
C(GCC) 在线工具
</a>
</li>
<li>
<a target="_blank" title="PHP 在线工具" href="/Onlinetools/details/8">
PHP 在线工具
</a>
</li>
<li>
<a target="_blank" title="C# 在线工具" href="/Onlinetools/details/1">
C# 在线工具
</a>
</li>
<li>
<a target="_blank" title="Python 在线工具" href="/Onlinetools/details/5">
Python 在线工具
</a>
</li>
<li>
<a target="_blank" title="MySQL 在线工具" href="/Onlinetools/Dbdetails/33">
MySQL 在线工具
</a>
</li>
<li>
<a target="_blank" title="VB.NET 在线工具" href="/Onlinetools/details/2">
VB.NET 在线工具
</a>
</li>
<li>
<a target="_blank" title="Lua 在线工具" href="/Onlinetools/details/14">
Lua 在线工具
</a>
</li>
<li>
<a target="_blank" title="Oracle 在线工具" href="/Onlinetools/Dbdetails/35">
Oracle 在线工具
</a>
</li>
<li>
<a target="_blank" title="C++(GCC) 在线工具" href="/Onlinetools/details/7">
C++(GCC) 在线工具
</a>
</li>
<li>
<a target="_blank" title="Go 在线工具" href="/Onlinetools/details/20">
Go 在线工具
</a>
</li>
<li>
<a target="_blank" title="Fortran 在线工具" href="/Onlinetools/details/45">
Fortran 在线工具
</a>
</li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">var eskeys = '为什么,链接,不带,lt,title>,包含,的,lt,svg>,因为,它是,可,访问,的,名称'; var cat = 'cc';';//other-dev</script>
</div>
<div id="pop" onclick="pophide();">
<div id="pop_body" onclick="event.stopPropagation();">
<h6 class="flex flex101">
登录
<span onclick="pophide();">关闭</span>
</h6>
<div class="pd-1">
<div class="wxtip center">
<span>扫码关注<em>1秒</em>登录</span>
</div>
<div class="center">
<img id="qr" src="https://huajiakeji.com/Content/Images/qrydx.jpg" alt="" style="width:150px;height:150px;" />
</div>
<div style="margin-top:10px;display:flex;justify-content: center;">
<input type="text" placeholder="输入验证码" id="txtcode" autocomplete="off" />
<input id="btngo" type="button" onclick="chk()" value="GO" />
</div>
<div class="center" style="margin: 4px; font-size: .8rem; color: #f60;">
发送“验证码”获取
<em style="padding: 0 .5rem;">|</em>
<span style="color: #01a05c;">15天全站免登陆</span>
</div>
<div id="chkinfo" class="tip"></div>
</div>
</div>
</div> <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/highlight.min.js"></script>
<script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/base.js?v=0.22"></script>
<script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/tui.js?v=0.11"></script>
<footer class="footer">
<div class="container">
<div class="flink mb-1">
友情链接：
<a href="https://www.it1352.com/" target="_blank">IT屋</a>
<a href="https://huajiakeji.com/" target="_blank">Chrome插件</a>
<a href="https://www.cnplugins.com/" target="_blank">谷歌浏览器插件</a>
</div>
<section class="copyright-section">
<a href="https://www.it1352.com" title="IT屋-程序员软件开发技术分享社区">IT屋</a>
©2016-2022 <a href="http://www.beian.miit.gov.cn/" target="_blank">琼ICP备2021000895号-1</a>
<a href="/sitemap.html" target="_blank" title="站点地图">站点地图</a>
<a href="/Home/Tags" target="_blank" title="站点标签">站点标签</a>
<a target="_blank" alt="sitemap" href="/sitemap.xml">SiteMap</a>
<a href="/1155981.html" title="IT屋-免责申明"><免责申明></a>
本站内容来源互联网,如果侵犯您的权益请联系我们删除.
</section>
<!--统计代码-->
<script type="text/javascript">
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?0c3a090f7b3c4ad458ac1296cb5cc779";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script type="text/javascript">
(function () {
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</div>
</footer>
</body>
</html>
