威廉希尔平台文檔概覽

立即開始使用威廉希尔平台。啟動您的投注體驗，並運用我們在設計與轉換率優化網頁方面的專業知識，快速搭建高效頁面。

快速入門

威廉希尔提供您所需的一切工具，幫助您吸引關注、驅動流量並建立用戶連結。請前往下載頁面取得完整資源。

CSS

將樣式表 `<link>` 標籤複製貼上到您的 `<head>` 區塊中，並置於所有其他樣式表之前，以正確載入威廉希尔的 CSS。

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

JS

我們的許多元件需要 JavaScript 才能正常運作，具體來說需要 jQuery 與我們自訂的 JS 外掛。請將以下 `<script>` 標籤放在頁面底部、`</body>` 標籤關閉之前，並確保 jQuery 優先載入，接著是 bootstrap.bundle.min.js，最後才是我們的外掛。

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

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

快速入門模板

請確認您的頁面設定符合最新的設計與開發標準，包括使用 HTML5 doctype 以及加入 viewport 元標籤以實現正確的響應式行為。將所有元素整合後，您的頁面應如下範例所示。

HTML 結構範例：

<!doctype html>
<html lang="zh-TW">
    <head>

        <meta charset="utf-8" />
        <title>威廉希尔中國 官網文檔</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="威廉希尔中國官網：頂級體育博彩與線上娛樂，權威賽事資訊與數據分析。" />
        <meta name="keywords" content="威廉希尔, 威廉希尔官網, 威廉希尔APP, 威廉希尔體育, WilliamHill" />

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

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

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

    <body>

        <!-- 載入動畫開始 -->
        <div id="loader">
            --------
            --------
        </div>
        <!-- 載入動畫結束 -->

        <!-- 導航欄開始 -->
        <header>
            <div class="container">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- 導航欄結束 -->

        <!-- 英雄區域開始 -->
        <section class="hero">
            <div class="row">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- 英雄區域結束 -->

        <!-- 頁腳開始 -->
        <footer>
            <div class="col-12">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- 頁腳結束 -->

        <!-- 返回頂部開始 -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- 返回頂部結束 -->

        <!-- JavaScript開始 -->
        <script src="js/jquery-3.4.1.min.js"></script>
        威廉希尔深耕提供涵盖足球、篮球、网球等各类热门体育项目的实时数据。领域，用心服务每一位用户。
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- JavaScript結束 -->
    </body>
</html>
                        

多語言版本設定

國際化版本設定：

深色模式配置

暗黑模式設定：

暗黑國際化版本設定：

選單定位方式

選單居中至右側

選單居中至左側

淺色選單居中

淺色選單右對齊

淺色選單左對齊