Introduction

Leverage the 2026世界杯赛事数据中心 to power your sports applications with real-time scores and in-depth match data. Our platform provides comprehensive coverage from group stages to the finals.

Getting Started with Live Data

Integrate with our extensive sports data API to deliver instant score updates, detailed match reports, and team statistics. Visit our developer portal for API keys and documentation.

CSS

To ensure seamless integration, include our primary stylesheet in your HTML head, before any other style sheets, to load the core data display components.

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

JS

Many of our data widgets require JavaScript for dynamic updates and interactive features. Ensure you include our core JavaScript library near the end of your page, before the closing </body> tag. Our library depends on jQuery, which must be loaded first.

<script src="js/livescore.api.min.js"></script>

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

Core Data Feed

For optimal performance and display across all devices, ensure your pages adhere to modern web standards, including the HTML5 doctype and a responsive viewport meta tag. A typical integration setup will resemble this:

Live Score API:

<!doctype html>
<html lang="en">
    <head>

        <meta charset="utf-8" />
        <title>2026世界杯赛事数据中心 - Your Ultimate World Cup Data Hub</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="Site description" />
        <meta name="keywords" content="Your tags" />

        <!-- 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>
        <script src="js/bootstrap.bundle.min.js"></script>
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>

Real-time Updates

Real-time Updates:

To enable Right-to-Left (RTL) display for regions requiring it, replace the primary stylesheet reference with `style-rtl.css`.

Historical Data Access

Historical Data Access:

To activate Dark Mode for enhanced viewing, replace the primary stylesheet reference with `style-dark.css`.

Historical Data (RTL):

For Dark Mode with RTL support, use `style-dark-rtl.css`.

Team Stats Integration

To align the navigation menu to the right, append the class `nav-right` to your menu container.

Player Performance Metrics

To align the navigation menu to the left, append the class `nav-left` to your menu container.

Match Fixture Display

For a light-themed navigation menu with a centered layout, add the class `nav-light` to your menu container.

League Standings View

For a light-themed navigation menu aligned to the right, add the classes `nav-right` and `nav-light`.

Tournament Bracket View

For a light-themed navigation menu aligned to the left, add the classes `nav-left` and `nav-light`.

Documentation