按Enter到主內容區
:::

網站標題

:::

頁籤

tabFunction({
target: '.target1', // 執行目標，多組需要另外設定
modeSwitch: false, // 自動切換，尺寸以上tab功能，尺寸以下手風琴功能
openContent: false, // 展開所有內容，僅開啟模式切換時才可使用
openIndex: 0, // 開啟第幾個
width: 767, // 尺寸以上tab功能，尺寸以下手風琴功能
autoClose: true, // 自動關閉其他開啟內容
openSwitch: true, // 是否可開合/切換
});
上面的option是基礎預設，如不需要更改可以直接使用tabFunction('.target1')，如有多組tab
請另外設定target

無障礙相關(皆已由js設定)
  • 頁籤
    1. 父層增加role="tablist"
    2. <button>加上role="tab"
    3. 選到的頁籤項加aria-selected="true"，未選到的頁籤項加aria-selected="false"
  • 內容
    1. <button>加上role="tabpanel"
    2. 選到的加上aria-hidden="false"，未選到的加上aria-hidden="true"
  • 讓頁籤項與頁籤內容產生關連
    1. 頁籤加id="ID"，對應的內容加aria-labelledby="ID"
      例如，第一個頁籤項id="tabpanel_1"，其控制的內容aria-labelledby="tabpanel_1"
    2. 內容區加id="ID"，對應的頁籤項加aria-controls="ID"
      例如，第一個頁籤項aria-controls="tabpanel_1_con"，其控制的內容id="tabpanel_1_con"
2
3 標題：探索未知的世界

引言
在這個充滿奇遇和冒險的世界裡，我們常常被吸引到未知的領域中。這些未知的領域充滿了神秘和挑戰，讓我們感到興奮和好奇。本文將帶領您一同探索這些未知的領域，揭開它們的神秘面紗。

第一章：神奇的自然界
自然界是一個充滿驚喜和美妙的地方。無論是壯麗的山脈、湛藍的海洋還是多彩的花草，都讓人讚嘆不已。而在這個世界的角落，還有許多未知的生物和現象等待我們去發現。例如，深海中的生物群落、古老的森林中的神秘生物，以及空中飄浮的奇特現象，都是我們可以探索的寶藏。

第二章：科技的奇跡
科技的發展讓我們能夠窺探到更多未知的領域。例如，人工智能的進步讓我們能夠模擬和理解人腦中的神秘運作；太空探索的成果讓我們能夠窺探宇宙的奧秘。這些科技的奇跡不僅擴大了我們的知識範圍，也為我們帶來了更多的可能性。

第三章：藝術的魅力
藝術是人類創造力的結晶，同樣也是一個充滿未知的領域。藝術家們通過他們的創作，探索和表達人類情感和思想。他們使用不同的媒介和技巧，創造出無盡的可能性。每一幅畫作、每一首音樂、每一部電影都是一個獨特的世界，等待我們去發現和欣賞。

總結
在這個充滿未知的世界中，我們不斷地探索、學習和成長。無論是自然界、科技還是藝術，都是我們探索未知的途徑。讓我們保持好奇心和求知慾，勇敢地踏上未知的旅程
4
5
回頁首