HTML 内容的上下文而定，有人推荐在 SVG sprite 里面增加
标签，但是我们<em>实践</em>后发现并不总是生效，很多屏幕语音阅读都会忽略。 外部 sprite 和内联 sprite 目前为止我们所提到的都是外部的</p></div>
<div class="meta">
<a class="aut" data-avatar="https://static.open-open.com/img/avatar/privary/default.png" data-avatar="https://static.open-open.com/img/avatar/privary/default.png" data-name=" ercjd " data-id="388366" href="https://user.open-open.com/u/388366">
<img src="https://static.open-open.com/img/avatar/privary/default.png" width="24"> ercjd </a>
<span class="t"> <i class="fa fa-clock-o"></i> 2016-04-17 </span> <span class="number">34784 <i aria-hidden="true" class="fa fa-eye"></i></span> <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span>
<div class=" float-right ui-tags"> <a class="" href="/lib/tag/svg.html">SVG</a> <a class="" href="/lib/tag/qianduan-jishu.html">前端技术</a> </div>
</div>
</div>
</div>
<div class="item ut-pd10 ">
<div class="content ut-pl15">
<h2 class="header">
<a href="/lib/view/open1454227069855.html" target="_blank"> Kali 2.0安装与使用<em>指南</em></a>
<span class="con-type">经验</span>
</h2>
<div class="description"><p>https://github.com/shadowsocks/shadowsocks-qt5 以及其安装<em>指南</em> https://github.com/shadowsocks/shadowsocks-qt5/w</p></div>
<div class="meta">
<a class="aut" data-avatar="https://static.open-open.com/img/avatar/privary/default.png" data-avatar="https://static.open-open.com/img/avatar/privary/default.png" data-name=" uuzguyoa " data-id="192318" href="https://user.open-open.com/u/192318">
<img src="https://static.open-open.com/img/avatar/privary/default.png" width="24"> uuzguyoa </a>
<span class="t"> <i class="fa fa-clock-o"></i> 2016-01-31 </span> <span class="number">137352 <i aria-hidden="true" class="fa fa-eye"></i></span> <span class="number">0 <i aria-hidden="true" class="fa fa-thumbs-o-up"></i></span>
<div class=" float-right ui-tags"> <a class="" href="/lib/tag/debian.html">Debian</a> <a class="" href="/lib/tag/wangluoanquan.html">网络安全</a> <a class="" href="/lib/tag/python.html">Python</a> <a class="" href="/lib/tag/linux.html">Linux</a> </div>
</div>
</div>
</div>
</section>
<div class="usage-search clearfix">
<h2 class="" aria-label=""><strong>一线架构师实践指南</strong> 的相关搜索</h2>
<div >
<ul class="float-left">
<li><a href="https://www.open-open.com/search/?kw=Android Stuido" ><em>Android</em> Stuido</a></li> <li><a href="https://www.open-open.com/search/?kw=Android性能优化课程" ><em>Android</em>性能优化课程</a></li> <li><a href="https://www.open-open.com/search/?kw=Android单元测试" ><em>Android</em>单元测试</a></li> <li><a href="https://www.open-open.com/search/?kw=Android单元测试(一)" ><em>Android</em>单元测试(一)</a></li> <li><a href="https://www.open-open.com/search/?kw=Android单元测试 eclipse" ><em>Android</em>单元测试 eclipse</a></li></ul> <ul class="float-left"> <li><a href="https://www.open-open.com/search/?kw=Android Studio3.0 教程从入门到精通Windows版" ><em>Android</em> Studio3.0 教程从入门到精通Windows版</a></li> <li><a href="https://www.open-open.com/search/?kw=Android flow layout" ><em>Android</em> flow layout</a></li> <li><a href="https://www.open-open.com/search/?kw=Android opencv" ><em>Android</em> opencv</a></li> <li><a href="https://www.open-open.com/search/?kw=Kotlin Android" >Kotlin <em>Android</em></a></li> <li><a href="https://www.open-open.com/search/?kw=Android 浏览器" ><em>Android</em> 浏览器</a></li> </ul>
</div>
</div>
<div class="ui-pagination clearfix"> <a href=https://www.open-open.com/search/?kw=%E4%B8%80%E7%BA%BF%E6%9E%B6%E6%9E%84%E5%B8%88%E5%AE%9E%E8%B7%B5%E6%8C%87%E5%8D%97&page=37 class='pg-pre'><i class='fa fa-angle-left'></i></a> <a href=https://www.open-open.com/search/?kw=%E4%B8%80%E7%BA%BF%E6%9E%B6%E6%9E%84%E5%B8%88%E5%AE%9E%E8%B7%B5%E6%8C%87%E5%8D%97&page=1>1</a> <a href=https://www.open-open.com/search/?kw=%E4%B8%80%E7%BA%BF%E6%9E%B6%E6%9E%84%E5%B8%88%E5%AE%9E%E8%B7%B5%E6%8C%87%E5%8D%97&page=2>2</a> <a href=https://www.open-open.com/search/?kw=%E4%B8%80%E7%BA%BF%E6%9E%B6%E6%9E%84%E5%B8%88%E5%AE%9E%E8%B7%B5%E6%8C%87%E5%8D%97&page=3>3</a> <a href=https://www.open-open.com/search/?kw=%E4%B8%80%E7%BA%BF%E6%9E%B6%E6%9E%84%E5%B8%88%E5%AE%9E%E8%B7%B5%E6%8C%87%E5%8D%97&page=4>4</a> <a href=https://www.open-open.com/search/?kw=%E4%B8%80%E7%BA%BF%E6%9E%B6%E6%9E%84%E5%B8%88%E5%AE%9E%E8%B7%B5%E6%8C%87%E5%8D%97&page=5>5</a> <a href=https://www.open-open.com/search/?kw=%E4%B8%80%E7%BA%BF%E6%9E%B6%E6%9E%84%E5%B8%88%E5%AE%9E%E8%B7%B5%E6%8C%87%E5%8D%97&page=6>6</a> <a href=https://www.open-open.com/search/?kw=%E4%B8%80%E7%BA%BF%E6%9E%B6%E6%9E%84%E5%B8%88%E5%AE%9E%E8%B7%B5%E6%8C%87%E5%8D%97&page=7>7</a> <a href=https://www.open-open.com/search/?kw=%E4%B8%80%E7%BA%BF%E6%9E%B6%E6%9E%84%E5%B8%88%E5%AE%9E%E8%B7%B5%E6%8C%87%E5%8D%97&page=8>8</a> <a href=https://www.open-open.com/search/?kw=%E4%B8%80%E7%BA%BF%E6%9E%B6%E6%9E%84%E5%B8%88%E5%AE%9E%E8%B7%B5%E6%8C%87%E5%8D%97&page=9>9</a> <a href=https://www.open-open.com/search/?kw=%E4%B8%80%E7%BA%BF%E6%9E%B6%E6%9E%84%E5%B8%88%E5%AE%9E%E8%B7%B5%E6%8C%87%E5%8D%97&page=10>10</a> <a href=https://www.open-open.com/search/?kw=%E4%B8%80%E7%BA%BF%E6%9E%B6%E6%9E%84%E5%B8%88%E5%AE%9E%E8%B7%B5%E6%8C%87%E5%8D%97&page=39 class='pg-next'><i class='fa fa-angle-right'></i></a> </div>
</div>
<div class="col-md-3">
<div class=" ui-box ut-pd20">
<div class="title"><h3>关键词</h3></div>
<p class="tags mt10"> <a class="" href="/wenku/?tags=Android">Android</a> <a class="" href="/wenku/?tags=Linux">Linux</a> <a class="" href="/wenku/?tags=Python">Python</a> <a class="" href="/wenku/?tags=Git">Git</a> <a class="" href="/wenku/?tags=JBoss">JBoss</a> <a class="" href="/wenku/?tags=Web服务器">Web服务器</a> <a class="" href="/wenku/?tags=移动开发">移动开发</a> <a class="" href="/wenku/?tags=Hadoop">Hadoop</a> <a class="" href="/wenku/?tags=性能优化">性能优化</a> <a class="" href="/wenku/?tags=Storm">Storm</a> <a class="" href="/wenku/?tags=Debian">Debian</a> <a class="" href="/wenku/?tags=SVG">SVG</a> <a class="" href="/wenku/?tags=软件测试">软件测试</a> <a class="" href="/wenku/?tags=网络安全">网络安全</a> <a class="" href="/wenku/?tags=前端技术">前端技术</a> <a class="" href="/wenku/?tags=Spark">Spark</a> <a class="" href="/wenku/?tags=GitLab">GitLab</a> <a class="" href="/wenku/?tags=Openfire">Openfire</a> <a class="" href="/wenku/?tags=应用服务器">应用服务器</a> <a class="" href="/wenku/?tags=版本控制系统">版本控制系统</a> <a class="" href="/wenku/?tags=gevent">gevent</a> <a class="" href="/wenku/?tags=Android开发">Android开发</a> <a class="" href="/wenku/?tags=iOS开发">iOS开发</a> <a class="" href="/wenku/?tags=WEB服务/RPC/SOA">WEB服务/RPC/SOA</a> <a class="" href="/wenku/?tags=电话/通讯/IM聊天">电话/通讯/IM聊天</a> <a class="" href="/wenku/?tags=数据库服务器">数据库服务器</a> <a class="" href="/wenku/?tags=分布式/云计算/大数据">分布式/云计算/大数据</a> <a class="" href="/wenku/?tags=网络技术">网络技术</a> <a class="" href="/wenku/?tags=axis">axis</a> <a class="" href="/wenku/?tags=函数式编程指南">函数式编程指南</a> </p>
</div>
</div>
</div>
</div>
</div>
</div>
<footer >
<div class="container py-5">
<div class="row">
<div class="col-md-3">
<h5>社区</h5>
<div class="row"><div class="col-md-6"><a class="text-muted" href="/project/">项目</a></div><div class="col-md-6"><a class="text-muted" href="/solution/">问答</a></div><div class="col-md-6"><a class="text-muted" href="/wenku/">文库</a></div><div class="col-md-6"><a class="text-muted" href="/code/">代码</a></div><div class="col-md-6"><a class="text-muted" href="/lib/">经验</a></div><div class="col-md-6"><a class="text-muted" href="/news/">资讯</a></div></div>
<ul class="list-unstyled text-small ut-mt20"><li><a class="text-muted" title=" 安卓开发专栏" target="_blank" href="http://www.open-open.com/lib/list/177">安卓开发专栏</a></li><li><a class="text-muted" href="http://www.open-open.com/lib/tag/开发者周刊" target="_blank" rel="tag">开发者周刊</a></li><li><a class="text-muted" href="http://www.open-open.com/lib/view/open1475497562965.html" target="_blank" rel="tag">Android Studio 使用推荐</a></li><li><a class="text-muted" href="http://www.open-open.com/lib/view/open1475497355674.html" target="_blank" rel="tag">Android开发推荐</a></li></ul>
</div>
<div class="col-md-3">
<h5>帮助中心</h5>
<ul class="list-unstyled text-small"><li><a class="text-muted" href="/upload.html">文档上传须知</a></li></ul>
<h5>关于我们</h5>
<ul class="list-unstyled text-small"><li><a class="text-muted" href="/about.html">关于深度开源</a></li><li><a class="text-muted" href="/duty.html">免责声明</a></li><li><a class="text-muted" href="/contact.html">联系我们</a></li></ul>
</div>
<div class="col-md-6 text-center"><img class=center-block src="https://static.open-open.com/img/logo01.svg" width=190px alt="深度开源"><small class="d-block mb-3 text-muted ut-mt40">© 2006-2019 深度开源 —— 开源项目,开源代码,开源文档,开源新闻,开源社区 杭州精创信息技术有限公司 <br/><br/><img src="https://static.open-open.com/img/beian.png"/><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33018302001163"> 浙公网安备 33018302001163 号</a> <a target="_blank" href="https://beian.miit.gov.cn">浙ICP备09019653号-31</a></small></div>
</div>
</div>
</footer>
<div id="fTools"><span id="gotop"> <i class="fa fa-arrow-up" aria-hidden="true"></i> </span><span id="feedback" title="建议反馈"> <i class="fa fa-inbox" aria-hidden="true"></i></span></div> <script type="text/javascript" src="https://static.open-open.com/js/lib.js?v=1.02"></script>
<script type="text/javascript" src="https://static.open-open.com/assets/popper.min.js"></script>
<script src="https://static.open-open.com/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://static.open-open.com/js/base.js?v=1.02"></script>
<script type="text/javascript" src="https://static.open-open.com/js/jq-plug.js?v=1.02"></script>
<script>
$(function () {
JC.reminderPop();//弹出用户信息
// JC.messagesPop();
//JC.getNotice(); //动态广播
$(".link-login").click(function(){ JC.lORr('login'); });
$("#topSearch").searchInit();
//用户登录状态
JC.setLogin(false);
});
</script>
<!-- JavaScript at the bottom for fast page loading -->
<script>
//index
$(function () {
function GetUrlParms() {
var args = new Object();
var query = location.search.substring(1);//获取查询串
var pairs = query.split("&");//在逗号处断开
for (var i = 0; i < pairs.length; i++) {
var pos = pairs[i].indexOf('=');//查找name=value
if (pos == -1) continue;//如果没有找到就跳过
var argname = pairs[i].substring(0, pos);//提取name
var value = pairs[i].substring(pos + 1);//提取value
args[argname] = decodeURI(value);//存为属性
}
return args;
}
var channel = ["all","learn","enjoy","resource","doc","solution","ppt", "", "", "pdf", "project", "lib", "code", "news", "blog"],
args = new Object(), url = "https://www.open-open.com/search/", kw = "", t = 0, page = 1, channelList=$(".all-sort-list");
args = GetUrlParms();
if (args["kw"] != undefined) {kw = args["kw"].replace(/\+/g,' ').replace(/(^\s*)|(\s*$)/g, "");}
if (args["page"] != undefined) {page = args["page"];}
if (args["t"] != undefined) {t = parseInt(args["t"]);}
$('.'+channel[t]).addClass("active");
$("#search-form input[name=t]").val(t);
function goto(t) {return (t==0)?url+ "?kw="+kw:url+ "?kw="+kw+"&t="+t;}
$('.tab').click(function () {
window.location = goto($(this).data('t'))
});
$('#search-form .close').click(function () {
$("#search-form input[name=kw]").val('').focus();
$(this).hide();
});
});
</script>
<!-- end scripts -->
</body>
</html>
P40 
stractorad 
tumeimey 
jopen 
zcb7288 
nicwon