实时体育数据 数据来源:FIFA

⚽ 足球实时 (10)

主队比分客队联赛时间(北京)
斯波丁JAX0:0底特律市足球俱樂部美國USL冠軍聯賽07:00
路易斯維爾市0:1布魯克林足球俱樂部美國USL冠軍聯賽08:00
前進麥迪遜0:0博伊西體育會美國USL第一聯賽08:00
伯明翰軍團0:1拉斯維加斯燈光美國USL冠軍聯賽08:00
亨茨維爾市0:0奧蘭多城B隊美國職業足球大聯盟下一級聯賽08:00
卡羅萊納核心0:0皇冠傳承美國職業足球大聯盟下一級聯賽08:00
紐布倫斯0:2瓦奇帕托智利甲級聯賽08:00
查爾斯頓電池3:1FC塔尔薩美國USL冠軍聯賽07:30
坦帕灣羅迪斯0:1哈特福德競技美國USL冠軍聯賽07:30
薩拉索塔天堂0:0奧馬哈聯合美國USL第一聯賽07:30
更新于 2026-06-14 08:25(北京时间)

文档

简介

立即开始探索 FIFA 2026 世界杯官方平台,获取您关注的最新赛事动态、球队战报与精彩瞬间。

快速启动

立即下载 FIFA 2026 世界杯 App,掌握一手赛事资讯,享受高清集锦与深度战术分析,不错过任何精彩时刻。

CSS

将以下样式表链接添加到您的 `<head>` 部分,优先加载 FIFA 官方赛事页面样式,确保最佳视觉呈现。

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

JS

为确保所有 FIFA 官方组件正常运行,请在页面底部 `</body>` 标签前引入 jQuery 和 Bootstrap 核心 JavaScript 文件,并加载我们的赛事功能脚本。

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>

入门指南

请确保您的赛事页面采用最新的 HTML5 标准,并包含视口元标签,以实现流畅的响应式观赛体验。

HTML 结构 :
<!doctype html>
<html lang="en">
    <head>

        <meta charset="utf-8" />
        <title>2026 世界杯官方信息中心 - FIFA</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="2026世界杯官方中文门户,提供最新赛事信息、高清集锦、深度战术分析。" />
        <meta name="keywords" content="2026世界杯, 世界杯官网, FIFA世界杯, 足球盛宴, 赛程, 票务, 新闻, 官方App" />

        <!-- favicon icon -->
        <link rel="shortcut icon" href="images/favicon.ico">

        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

        <!-- Main css -->
        <link href="css/style.css" rel="stylesheet" type="text/css" />
    
    </head>

    <body>

        <!-- Loader Start -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- Loader End -->

        <!--Navbar Start -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!--Navbar End -->

        <!-- Hero Start -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- Hero End -->

        <!-- Footer Start -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- Footer End -->

        <!-- Back To Home Start -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- Back To Home End -->

        <!-- Javascript Start -->
        <script src="js/jquery-3.4.1.min.js"></script>
        FIFA以新闻为核心,带来高效便捷的体验。
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>
                        
RTL 模式
RTL 模式 :

欲启用右向左(RTL)显示模式,请将 `style.css` 替换为 `style-rtl.css`。

暗黑模式
暗黑模式 :

欲启用暗黑模式,请将 `style.css` 替换为 `style-dark.css`。

暗黑 RTL 模式 :

欲启用暗黑模式下的右向左(RTL)显示,请将 `style.css` 替换为 `style-dark-rtl.css`。

菜单
导航居中靠右

要将导航菜单移至右侧,请在导航菜单类中添加 `nav-right`。

导航居中靠左

要将导航菜单移至左侧,请在导航菜单类中添加 `nav-left`。

浅色导航居中

若需浅色导航菜单并居中显示,请在导航菜单类中添加 `nav-light`。

浅色导航靠右

若需浅色导航菜单并靠右显示,请在导航菜单类中添加 `nav-right` 和 `nav-light`。

浅色导航靠左

若需浅色导航菜单并靠左显示,请在导航菜单类中添加 `nav-left` 和 `nav-light`。