mirror of https://github.com/istio/istio.io.git
36 lines
14 KiB
HTML
36 lines
14 KiB
HTML
<!doctype html><html lang=zh itemscope itemtype=https://schema.org/WebPage><head><meta charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name=theme-color content="#466BB0"><meta name=title content="Tabs"><meta name=description content="Basic tabs."><meta name=keywords content="microservices,services,mesh"><meta property="og:title" content="Tabs"><meta property="og:type" content="website"><meta property="og:description" content="Basic tabs."><meta property="og:url" content="/v1.5/zh/test/tabs/"><meta property="og:image" content="/v1.5/img/istio-whitelogo-bluebackground-framed.svg"><meta property="og:image:alt" content="Istio Logo"><meta property="og:image:width" content="112"><meta property="og:image:height" content="150"><meta property="og:site_name" content="Istio"><meta name=twitter:card content="summary"><meta name=twitter:site content="@IstioMesh"><title>Istioldie 1.5 / Tabs</title><script async src="https://www.googletagmanager.com/gtag/js?id=UA-98480406-2"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}
|
|
gtag('js',new Date());gtag('config','UA-98480406-2');</script><link rel=alternate type=application/rss+xml title="Istio Blog" href=/v1.5/blog/feed.xml><link rel=alternate type=application/rss+xml title="Istio News" href=/v1.5/news/feed.xml><link rel=alternate type=application/rss+xml title="Istio Blog and News" href=/v1.5/feed.xml><link rel="shortcut icon" href=/v1.5/favicons/favicon.ico><link rel=apple-touch-icon href=/v1.5/favicons/apple-touch-icon-180x180.png sizes=180x180><link rel=icon type=image/png href=/v1.5/favicons/favicon-16x16.png sizes=16x16><link rel=icon type=image/png href=/v1.5/favicons/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=/v1.5/favicons/android-36x36.png sizes=36x36><link rel=icon type=image/png href=/v1.5/favicons/android-48x48.png sizes=48x48><link rel=icon type=image/png href=/v1.5/favicons/android-72x72.png sizes=72x72><link rel=icon type=image/png href=/v1.5/favicons/android-96x96.png sizes=96xW96><link rel=icon type=image/png href=/v1.5/favicons/android-144x144.png sizes=144x144><link rel=icon type=image/png href=/v1.5/favicons/android-192x192.png sizes=192x192><link rel=manifest href=/v1.5/manifest.json><meta name=apple-mobile-web-app-title content="Istio"><meta name=application-name content="Istio"><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Work+Sans:400|Chivo:400|Work+Sans:500,300,600,300italic,400italic,500italic,600italic|Chivo:500,300,600,300italic,400italic,500italic,600italic"><link rel=stylesheet href=/v1.5/css/all.css><script src=/v1.5/js/themes_init.min.js></script></head><body class="language-unknown archive-site"><script>const branchName="release-1.5";const docTitle="Tabs";const iconFile="\/v1.5/img/icons.svg";const buttonCopy='复制到剪切板';const buttonPrint='打印';const buttonDownload='下载';</script><script src="https://www.google.com/cse/brand?form=search-form" defer></script><script src=/v1.5/js/all.min.js data-manual defer></script><header><nav><a id=brand href=/v1.5/zh/><span class=logo><svg viewBox="0 0 300 300"><circle cx="150" cy="150" r="146" stroke-width="2"/><polygon points="65 240 225 240 125 270"/><polygon points="65 230 125 220 125 110"/><polygon points="135 220 225 230 135 30"/></svg></span><span class=name>Istioldie 1.5</span></a><div id=hamburger><svg class="icon"><use xlink:href="/v1.5/img/icons.svg#hamburger"/></svg></div><div id=header-links><a title="了解如何部署、使用和运维 Istio。" href=/v1.5/zh/docs/>文档</a>
|
|
<a title="关于使用 Istio 的博客文章。" href=/v1.5/zh/blog/2020/>博客<i class=dot data-prefix=/blog></i></a>
|
|
<a title="关于 Istio 项目的最新报道。" href=/v1.5/zh/news/>新闻<i class=dot data-prefix=/news></i></a>
|
|
<a title="关于 Istio 的常见问题。" href=/v1.5/zh/faq/>FAQ</a>
|
|
<a title="关于 Istio 项目的说明。" href=/v1.5/zh/about/>关于</a><div class=menu><button id=gearDropdownButton class=menu-trigger title=选项和设置 aria-label="Options and Settings" aria-controls=gearDropdownContent><svg class="icon"><use xlink:href="/v1.5/img/icons.svg#gear"/></svg></button><div id=gearDropdownContent class=menu-content aria-labelledby=gearDropdownButton role=menu><a tabindex=-1 role=menuitem lang=en id=switch-lang-en>English</a>
|
|
<a tabindex=-1 role=menuitem lang=zh id=switch-lang-zh class=active>中文</a><div role=separator></div><a tabindex=-1 role=menuitem class=active id=light-theme-item>亮主题</a>
|
|
<a tabindex=-1 role=menuitem id=dark-theme-item>暗主题</a><div role=separator></div><a tabindex=-1 role=menuitem id=syntax-coloring-item>代码高亮</a><div role=separator></div><h6>本站的其它版本</h6><a tabindex=-1 role=menuitem onclick="navigateToUrlOrRoot('https://istio.io/test\/tabs\/');return false;">当前版本</a>
|
|
<a tabindex=-1 role=menuitem onclick="navigateToUrlOrRoot('https://preliminary.istio.io/test\/tabs\/');return false;">下个版本</a>
|
|
<a tabindex=-1 role=menuitem href=https://istio.io/archive>旧版本</a></div></div><button id=search-show title="搜索 istio.io" aria-label=搜索><svg class="icon"><use xlink:href="/v1.5/img/icons.svg#magnifier"/></svg></button></div><form id=search-form name=cse role=search><input type=hidden name=cx value=002184991200833970123:iwwf17ikgf4>
|
|
<input type=hidden name=ie value=utf-8>
|
|
<input type=hidden name=hl value=en>
|
|
<input type=hidden id=search-page-url value=/v1.5/search>
|
|
<input id=search-textbox class=form-control name=q type=search aria-label="搜索 istio.io">
|
|
<button id=search-close title=取消搜索 type=reset aria-label=取消搜索><svg class="icon"><use xlink:href="/v1.5/img/icons.svg#cancel-x"/></svg></button></form></nav></header><div class=banner-container></div><main class="primary notoc"><div id=sidebar-container class="sidebar-container sidebar-offcanvas"><nav id=sidebar aria-label="Section Navigation"><div class=directory><div class=card><div id=header0 class=header title=网站基础设施的捆绑测试，此处无有用内容。>测试</div><div class="body default" aria-labelledby=header0><ul role=tree aria-expanded=true class=leaf-section aria-labelledby=header0><li role=none><a role=treeitem title="Basic boilerplates." href=/v1.5/zh/test/boil/>Boilerplates</a></li><li role=none><a role=treeitem title="Composing boilerplates and lists." href=/v1.5/zh/test/boil_and_lists/>Boilerplates and Lists</a></li><li role=none><a role=treeitem title="Plain callouts." href=/v1.5/zh/test/callouts/>Callouts</a></li><li role=none><a role=treeitem title="Composing callouts and lists." href=/v1.5/zh/test/callouts_and_lists/>Callouts and Lists</a></li><li role=none><span role=treeitem class=current title="Basic tabs.">Tabs</span></li><li role=none><a role=treeitem title="Composing tabs and lists." href=/v1.5/zh/test/tabs_and_lists/>Tabs and Lists</a></li><li role=none><a role=treeitem title="Basic text blocks." href=/v1.5/zh/test/tb/>Text Blocks</a></li><li role=none><a role=treeitem title="Composing text blocks and lists." href=/v1.5/zh/test/tb_and_lists/>Text Blocks and Lists</a></li></ul></div></div></div></nav></div><div class=article-container><nav aria-label=Breadcrumb><ol><li><a href=/v1.5/zh/ title=用于连接、保护、控制和观测服务。>Istio</a></li><li><a href=/v1.5/zh/test/ title=网站基础设施的捆绑测试，此处无有用内容。>测试</a></li><li>Tabs</li></ol></nav><article aria-labelledby=title><div class=title-area><div style=width:100%><h1 id=title>Tabs</h1></div></div><div id=tabset-zh-test-tabs-1 role=tablist class=tabset><div class=tab-strip data-category-name=test><button aria-selected=true data-category-value=one aria-controls=tabset-zh-test-tabs-1-0-panel id=tabset-zh-test-tabs-1-0-tab role=tab><span>One</span>
|
|
</button><button tabindex=-1 data-category-value=two aria-controls=tabset-zh-test-tabs-1-1-panel id=tabset-zh-test-tabs-1-1-tab role=tab><span>Two</span>
|
|
</button><button tabindex=-1 data-category-value=three aria-controls=tabset-zh-test-tabs-1-2-panel id=tabset-zh-test-tabs-1-2-tab role=tab><span>Three</span>
|
|
</button><button tabindex=-1 data-category-value=four aria-controls=tabset-zh-test-tabs-1-3-panel id=tabset-zh-test-tabs-1-3-tab role=tab><span>Four</span>
|
|
</button><button tabindex=-1 data-category-value=five aria-controls=tabset-zh-test-tabs-1-4-panel id=tabset-zh-test-tabs-1-4-tab role=tab><span>Five</span>
|
|
</button><button tabindex=-1 data-category-value=six aria-controls=tabset-zh-test-tabs-1-5-panel id=tabset-zh-test-tabs-1-5-tab role=tab><span>Six</span>
|
|
</button><button tabindex=-1 data-category-value=seven aria-controls=tabset-zh-test-tabs-1-6-panel id=tabset-zh-test-tabs-1-6-tab role=tab><span>Seven</span></button></div><div class=tab-content><div id=tabset-zh-test-tabs-1-0-panel role=tabpanel tabindex=0 aria-labelledby=tabset-zh-test-tabs-1-0-tab>One paragraph</div><div hidden id=tabset-zh-test-tabs-1-1-panel role=tabpanel tabindex=0 aria-labelledby=tabset-zh-test-tabs-1-1-tab><p>Three</p><p>separate</p><p>paragraphs</p></div><div hidden id=tabset-zh-test-tabs-1-2-panel role=tabpanel tabindex=0 aria-labelledby=tabset-zh-test-tabs-1-2-tab><div><aside class="callout warning"><div class=type><svg class="large-icon"><use xlink:href="/v1.5/img/icons.svg#callout-warning"/></svg></div><div class=content>Warning in a tab</div></aside></div></div><div hidden id=tabset-zh-test-tabs-1-3-panel role=tabpanel tabindex=0 aria-labelledby=tabset-zh-test-tabs-1-3-tab><p>Simple text</p><p>In two paragraphs</p><div><aside class="callout warning"><div class=type><svg class="large-icon"><use xlink:href="/v1.5/img/icons.svg#callout-warning"/></svg></div><div class=content>Warning in a tab</div></aside></div></div><div hidden id=tabset-zh-test-tabs-1-4-panel role=tabpanel tabindex=0 aria-labelledby=tabset-zh-test-tabs-1-4-tab><p>Simple text</p><pre><code class=language-plain data-expandlinks=true data-repo=istio>Text block in a tab
|
|
</code></pre></div><div hidden id=tabset-zh-test-tabs-1-5-panel role=tabpanel tabindex=0 aria-labelledby=tabset-zh-test-tabs-1-5-tab><p>Simple text with <em>markdown</em> in a tab</p><div><aside class="callout warning"><div class=type><svg class="large-icon"><use xlink:href="/v1.5/img/icons.svg#callout-warning"/></svg></div><div class=content><p>Warning with <em>markdown</em> in a tab</p><pre><code class=language-plain data-expandlinks=true data-repo=istio>Text block in a warning in a tab
|
|
</code></pre><p>And more <em>markdown</em></p></div></aside></div></div><div hidden id=tabset-zh-test-tabs-1-6-panel role=tabpanel tabindex=0 aria-labelledby=tabset-zh-test-tabs-1-6-tab><p>Simple text with <em>markdown</em> in a tab</p><pre><code class=language-plain data-expandlinks=true data-repo=istio>NoIndent:
|
|
FourIndent:
|
|
- EightIndent
|
|
FourIndentAgain:
|
|
- EightIndentAgain
|
|
</code></pre><p>And more <em>markdown</em></p></div></div></div></article><nav class=pagenav><div class=left><a title="Composing callouts and lists." href=/v1.5/zh/test/callouts_and_lists/><svg class="icon"><use xlink:href="/v1.5/img/icons.svg#left-arrow"/></svg>Callouts and Lists</a></div><div class=right><a title="Composing tabs and lists." href=/v1.5/zh/test/tabs_and_lists/>Tabs and Lists<svg class="icon"><use xlink:href="/v1.5/img/icons.svg#right-arrow"/></svg></a></div></nav><div id=feedback><div id=feedback-initial>这些信息有用吗？<br><button class="btn feedback" onclick="sendFeedback('zh',1)">是的</button>
|
|
<button class="btn feedback" onclick="sendFeedback('zh',0)">没有</button></div><div id=feedback-comment>Do you have any suggestions for improvement?<br><br><input id=feedback-textbox type=text placeholder="Help us improve..." data-lang=zh></div><div id=feedback-thankyou>Thanks for your feedback!</div></div><div id=endnotes-container aria-hidden=true><h2>链接</h2><ol id=endnotes></ol></div></div></main><footer><div class=user-links><a class=channel title="立刻下载 Istio 1.5.4" href=/v1.5/docs/setup/getting-started/#download aria-label="Download Istio"><span>download</span><svg class="icon"><use xlink:href="/v1.5/img/icons.svg#download"/></svg>
|
|
</a><a class=channel title="加入 Istio discussion board 参与讨论获取帮助" href=https://discuss.istio.io aria-label="Istio discussion board"><span>discuss</span><svg class="icon"><use xlink:href="/v1.5/img/icons.svg#discourse"/></svg></a>
|
|
<a class=channel title="Stack Overflow 中列举了针对实际问题以及部署、配置和使用 Istio 的各项回答" href=https://stackoverflow.com/questions/tagged/istio aria-label="Stack Overflow"><span>stack overflow</span><svg class="icon"><use xlink:href="/v1.5/img/icons.svg#stackoverflow"/></svg></a>
|
|
<a class=channel title="在 Slack 上与 Istio 社区交互讨论开发问题（仅限邀请）" href=https://istio.slack.com aria-label=slack><span>slack</span><svg class="icon"><use xlink:href="/v1.5/img/icons.svg#slack"/></svg></a>
|
|
<a class=channel title="关注我们的 Twitter 来获取最新信息" href=https://twitter.com/IstioMesh aria-label=Twitter><span>twitter</span><svg class="icon"><use xlink:href="/v1.5/img/icons.svg#twitter"/></svg></a><div class=tag>对于用户</div></div><div class=info><p class=copyright>中文内容由 ServiceMesher 社区维护，部分文档可能稍微滞后于英文版本，同步工作持续进行中<br>Istio 归档
|
|
1.5.4<br>© 2020 Istio Authors, <a href=https://policies.google.com/privacy>隐私政策</a><br>归档于 2020年5月21日</p></div><div class=dev-links><a class=channel title="Istio 的代码在 GitHub 上开发" href=https://github.com/istio/community aria-label=GitHub><span>github</span><svg class="icon"><use xlink:href="/v1.5/img/icons.svg#github"/></svg></a>
|
|
<a class=channel title="如果您想深入了解 Istio 的技术细节，请查看我们日益完善的设计文档" href=https://groups.google.com/forum/#!forum/istio-team-drive-access aria-label="team drive"><span>drive</span><svg class="icon"><use xlink:href="/v1.5/img/icons.svg#drive"/></svg></a>
|
|
<a class=channel title="如果您想为 Istio 项目做出贡献，请考虑加入我们的工作组" href=https://github.com/istio/community/blob/master/WORKING-GROUPS.md aria-label="working groups"><span>working groups</span><svg class="icon"><use xlink:href="/v1.5/img/icons.svg#working-groups"/></svg></a><div class=tag>对于开发者</div></div></footer><div id=scroll-to-top-container aria-hidden=true><button id=scroll-to-top title=回到顶部><svg class="icon"><use xlink:href="/v1.5/img/icons.svg#top"/></svg></button></div></body></html> |