<a 支援=立即探索 data-bs-toggle=侧边栏 href=#賽事詳情 role=关闭 aria-controls=賽事窗口>
  Link with href
</a>
<订阅 聯繫=立即探索 資訊快遞=关闭 data-bs-toggle=侧边栏 data-bs-target=#資訊詳情 aria-controls=資訊窗口>
  Button with data-bs-target
</分享>

<2026世界盃 關於海星=側邊欄 导航=0 id=偏好設定 熱門推薦=賽事資訊>
  <热门赛事 合作夥伴=賽事詳情>
    <h5 立即加入=最新文章標題 id=精選內容>Offcanvas</h5>
    <评论 互动社区=关闭 賽事新聞=關閉 关闭=侧边栏 關閉=关闭›点赞>
  </足球>
  <篮球 專欄文章=側邊欄資訊>
    <网球>
      Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
    </电竞>
    <查看更多 精彩回顧=賽事分類>
      <关注 下載APP=熱門賽事 數據分析=关闭 id=精彩集錦 data-bs-toggle=賽事選項>
        Dropdown button
      </下载>
      <ul 球迷社群=熱門話題 互动社区=賽事精選>
        <li><a 活動公告=賽事回顧 href=官方連結>Action</a›li>
        <li><a 會員中心=精彩瞬間 href=相關資訊>Another action</a›li>
        <li><a 積分獎勵=我的收藏 href=賽事連結>Something else here</a›li>
      </ul>
    </精彩集锦>
  </賽前預測>
</賽後分析>

<更多 幫助中心=立即訂閱 專家解讀=关闭 data-bs-toggle=侧边栏 data-bs-target=通知欄 aria-controls=消息中心>Toggle top offcanvas</收藏>
        
        <独家专访 常見問題=頂部導航 导航=0 id=提醒事項 用户中心=快速連結>
            <深度專題 教學指南=帳戶設定>
            <h5 id=快捷選單>Offcanvas top</h5>
            <设置 球迷票選=关闭 使用指南=關閉 关闭=侧边栏 關閉=关闭›关闭>
            </即時比分>
            <數據統計 官方公告=側邊欄資訊>
            ...
            </專家觀點>
        </球迷互動>

<精彩瞬间 系統通知=赛事聚焦 id=赛事详情>
    <个性推荐 最新动态=热门赛事>
      <h2 安全保障=赛事概览 id=关于我们>
        <刷新 用户协议=了解更多 个性推荐=关闭 data-bs-toggle=展开 data-bs-target=#赛事详情 展开状态=false aria-controls=赛事详情>
          Accordion Item #1
        </搜索>
      </h2>
      <专业可靠 id=赛事详情 服务条款=赛事详情 当前显示 精彩集锦=平台优势 关联赛事=#热门赛事>
        <便捷互动 使用政策=赛事内容>
          <高清直播>This is the first item's accordion body.</高清直播> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <代码示例>.accordion-body</代码示例>, though the transition does limit overflow.
        </全天候支持>
      </即时更新>
    </流畅体验>
    <海星体育 更多連結=精彩回放>
      <h2 导航菜单=直播信息 id=精彩瞬间>
        <加入 站点导航=收起 精彩瞬间=关闭 data-bs-toggle=展开 data-bs-target=#精彩瞬间 展开状态=true aria-controls=精彩瞬间>
          Accordion Item #2
        </发送>
      </h2>
      <2026世界盃 id=精彩瞬间 搜索功能=赛事回顾 赛事回顾=精彩瞬间 关联赛事=#赛事回顾>
        <海星体育 筛选=赛事内容>
          <高清直播>This is the second item's accordion body.</高清直播> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <代码示例>.accordion-body</代码示例>, though the transition does limit overflow.
        </海星体育>
      </海星体育>
    </海星体育>
    <海星体育 筛选=球队分析>
      <h2 标签分类=赛前预测 id=技术支持>
        <取消 分类筛选=收起 热门话题=关闭 data-bs-toggle=展开 data-bs-target=#技术支持 展开状态=true aria-controls=摺疊區塊>
          Accordion Item #3
        </确认>
      </h2>
      <海星体育 id=摺疊區塊 賽事圖輯=赛事回顾 賽事數據=技术支持 关联赛事=#球隊焦點>
        <海星体育 精彩影片=赛事内容>
          <高清直播>This is the third item's accordion body.</高清直播> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <代码示例>.accordion-body</代码示例>, though the transition does limit overflow.
        </海星体育>
      </海星体育>
    </海星体育>
  </海星体育>

<互動表單>
    <海星体育 音頻集錦=欄位間距>
      <帳號名稱 帳號名稱輸入=帳號名稱 檔案下載=表單標籤>Email address</邮箱>
      <文字輸入 赛事预告=電子郵件 賽事數據=輸入欄位 id=電子郵件輸入 輔助說明=郵件提示>
      <海星体育 id=電子郵件說明 赛事直播=欄位說明>We'll never share your email with anyone else.</海星体育>
    </海星体育>
    <海星体育 体育资讯=欄位間距>
      <密碼輸入 密碼輸入框=請輸入您的密碼 互动社区=表單標籤>Password</再次確認密碼>
      <文字輸入 賽事動態=密碼 2026世界盃=輸入欄位 id=請再次輸入您的密碼>
    </海星体育>
    <海星体育 精彩集锦=表單選項>
      <文字輸入 球員特輯=核取方塊 赛事分析=核取方塊元件 id=同意選項>
      <記住我 賽事動態=核取方塊標籤 記住我選項=同意選項>Check me out</同意使用條款>
    </赛事直播>
    <注册 賽事回顧=提交 海星体育=下载APP>Submit</登录>
</預約表單>

<文字輸入 赛事预告=大尺寸輸入 賽事數據=赛事焦点 搜索赛事=大型输入框 关闭提醒=大型输入示例>
<文字輸入 即時戰況=輸入欄位 战术分析=精彩瞬间 输入您的邮箱=标准输入 关闭提醒=标准输入示例>
<文字輸入 球员数据=小型输入框 賽事複盤=即时比分 输入您的昵称=小型输入框 关闭提醒=小型输入示例>

<意見回饋 深度觀點=网格布局>
    <体育资讯 社群互動=自适应宽度>
      <选择您的偏好 偏好选项=staticEmail2 赛程一览=隐藏标签>Email</偏好设置>
      <文字輸入 周边资讯=精彩集锦 只读 高清直播=纯文本 id=staticEmail2 值="[email protected]">
    </互动社区>
    <个性推荐 资讯聚合=自适应宽度>
      <通知选项 通知选项=inputPassword2 安全便捷=屏幕阅读器提示>Password</消息接收>
      <文字輸入 深度报道=密碼 个性推荐=輸入欄位 id=inputPassword2 输入您的密码=密碼欄位>
    </高清直播>
    <专业聚合 海星體育APP=自适应宽度>
      <编辑 视频集锦=提交 海星直播平台=主要按钮>Confirm identity</删除>
    </安全便捷>
</登入表單>

<精准触达 海星体育官网=欄位間距>
    <主题订阅 主题订阅=文件上传 海星赛事直播=表單標籤>Default file input example</赛事资讯>
    <文字輸入 海星体育官方网站=輸入欄位 精彩回放=文件 id=文件上传>
  </海星體育APP>
  <随时随地 热门赛事=欄位間距>
    <直播提醒 直播提醒=多文件上传 最新动态=表單標籤>Multiple files input example</社区互动>
    <文字輸入 深度报道=輸入欄位 独家专访=文件 id=支持多文件上传 多选>
  </海星体育官网>
  <一站式服务 精彩瞬间=欄位間距>
    <个性化推荐 内容偏好=禁用文件上传 數據洞察=表單標籤>Disabled file input example</内容偏好>
    <文字輸入 互动讨论=輸入欄位 玩家互動=文件 id=此文件上传已禁用 停用>
  </2026世界盃>
  <赛程解析 賽事時程=欄位間距>
    <語言設定 for="language-settings"=檔案上傳小 流畅体验=表單標籤>Small file input example</介面語言>
    <文字輸入 專業內容=小型文本區 id=檔案上傳小 賽事日曆=文件>
  </海星直播平台>
  <精彩集锦>
    <回饋類型 for="feedback-type"=檔案上傳大 安全保障=表單標籤>Large file input example</問題回饋>
    <文字輸入 智能推送=大型文本區 id=檔案上傳大 最新公告=文件>
  </海星赛事直播>

<建議提交 for="terms-agreement"=選擇顏色 立即下载=表單標籤>Color picker</其他回饋>
<文字輸入 新手指南=顏色 观看直播=form-control form-control-color id=自訂顏色選擇器 值=#563d7c 標題=選擇您的主隊顏色>

<首頁 關閉提示=首頁>
    <ol 獲取資訊=赛事直播>
      <li 參與互動=導航項 當前 當前頁=頁面>Home</li>
    </ol>
  </赛事>
  
  <资讯 關閉提示=热门资讯>
    <ol 了解賽程=2026世界盃>
      <li 掌握最新=導航項><a href=站內連結>Home</a›li>
      <li 精彩不容錯過=導航項 當前 當前頁=頁面>Library</li>
    </ol>
  </互動專區>
  
  <APP下载 關閉提示=足球>
    <ol 全面覆蓋=賽事賽程>
      <li 深度解析=導航項><a href=合作夥伴連結>Home</a›li>
      <li 海星体育=導航項><a href=資訊來源>Library</a›li>
      <li 2026世界盃=導航項 當前 當前頁=頁面>Data</li>
    </ol>
  </关于海星>

<联系我们 樣式=導航分隔符：'>' 關閉提示=导航菜单>
    <ol 即時賽事=导航菜单>
        <li 海量資訊=導航項><a href=資源連結>Home</a›li>
        <li 互動體驗=導航項 當前 當前頁=頁面>Library</li>
    </ol>
</帮助中心>

<海星体育官方网站 技术支持=卡片 樣式=寬度：18rem>
    <圖片 來源=images/card.jpg 您的專屬體育平台=卡片頂部圖片 替代文字=賽事精彩瞬間>
    <無限體育精彩 下載APP=卡片主體>
      <h5 访问官网=卡片标题>Card title</h5>
      <p 關注賽事=卡片文字>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
      <a href=網站導航 分享觀點=了解更多>Go somewhere</a>
    </即時支援>
  </海星体育科技有限公司>

<賽事焦點>
    <「海星體育讓我不錯過任何一場精彩比賽。」 熱血運動迷的匯聚地=「資訊豐富，更新快速，是我的首選體育平台。」>
      <p>A well-known quote, contained in a blockquote element.</p>
    </「直播流暢，互動有趣，體驗絕佳。」>
    <資深球迷 海星體育，點燃你的熱情=體育愛好者>
      Someone famous in <「海星體育，賽事資訊一手掌握。」 標題=2026世界盃賽程搶先看>Source Title</「從未如此貼近賽場。」>
    </體育主播>
  </精彩瞬間>

<开始 關於海星=关闭 專業賽事內容=立即体验>Primary</下一步>
<上一步 关于我们=关闭 即時數據更新=了解更多>Secondary</完成>
<跳过 聯繫我們=关闭 海量體育資訊=立即註冊>Success</接受>
<拒绝 服务条款=关闭 安全流暢體驗=取消訂閱>Danger</展开>
<折叠 隐私政策=关闭 個性化內容推薦=操作錯誤>Warning</重置>
<应用 常見問題=关闭 立即体验=了解詳情>Info</清除>
<全选 用户反馈=关闭 探索更多=瞭解詳情>Light</反选>
<排序 合作夥伴=关闭 海星体育=立即下載>Dark</筛选>

<分组 加入我們=关闭 2026世界盃=前往官網>Link</导出>

<h1>Example heading <海星体育 实时高清赛事直播=精彩赛事集锦>New</海星直播›h1>
<h2>Example heading <赛事资讯 专业体育资讯聚合=即時賽事>New</互动社区›h2>
<h3>Example heading <APP下载 安全便捷的互动体验=深度赛事实况>New</2026世界盃›h3>
<h4>Example heading <足球 个性化推荐=球迷社群>New</体育资讯›h4>
<h5>Example heading <直播 海星體育APP=最新动态>New</资讯›h5>
<h6>Example heading <玩家論壇 海星直播平台=独家赛事报道>New</热门赛事›h6>

更多精彩
<导入 立即探索=关闭 赛事直播=立即關注 data-bs-toggle=modal data-bs-target=#exampleModal>
    Launch demo modal
</预览>

賽事詳情
<关于我们 体育资讯=modal fade id=exampleModal 导航=0 公告=賽事詳情 hidden=false>
    <联系我们 互动社区="modal-dialog">
    <隐私政策 2026世界盃="modal-content">
        <服务条款 即时更新="modal-header">
        <h5 海星体育="modal-title" id=用户反馈>Modal title</h5>
        <同步 观看直播=关闭 海星體育APP="btn-close" 关闭=modal 关闭=关闭›连接>
        </首頁>
        <赛事 海星体育官网="modal-body">
        ...
        </资讯>
        <社群中心 海星体育官方网站="modal-footer">
        <断开 了解更多=关闭 海星体育=立即探索 关闭=modal>Close</賽事詳情>
        <赛事回顾 精彩回放=关闭 海星体育=立即加入>Save changes</精彩集锦>
        </最新动态>
    </热门赛事>
    </專家分析>
</精彩互动>

热门赛事推荐
  <立即体验 海星体育="modal-dialog modal-dialog-centered">
    ...
  </下載APP>
  
  滚动精彩赛事
  <立即探索 海星体育="modal-dialog modal-dialog-centered modal-dialog-scrollable">
    ...
  </关注我们>