Production Rules

LastUpdate : 2019/09/12

Modularization Page 非一個單獨頁面，它可能被引用在任一華碩網站頁面或某個區塊、段落中，在編輯內容時應避免影響到外圍框架，同時盡可能兼容手機、平板電腦、桌上型電腦、遊戲機、電視等各式瀏覽裝置與螢幕大小。並遵循以下規範編輯網頁 :

HTML / CSS

• HTML 文本中的圖片檔案、CSS、Javascript路徑請務必使用 https 開頭的 URL 。
• 連到 asus.com 以外的超連結<a>請加上 rel="noopener" 。
• 避免影響到外圍框架，針對 HTML 或 class 之樣式定義，請侷限在 .modules-content 選擇器範圍內。
  E.g.: .modules-content H1 {...} .modules-content .title {...}
• 背景圖片如果是寫在 document 或 inline HTML ，圖片路徑請使用 URL 。
• 背景圖片如果是寫在 css file內 ，圖片路徑請使用 URL 或相對路徑。
• 避免載入 asus.com 以外的 CSS 資源，並確保 URL 使用 https。

Javascript

• 避免使用全域變數。
• 避免載入 asus.com 以外的 Javascript 資源，並確保 URL 使用 https。
• 禁止在使用者未同意的情況下存取 cookie 。

圖片

• 複雜的畫面中包含許多不規則的圖形和細節，請優先使用點陣圖片。
• 幾何圖形組成的圖片，請優先使用向量圖片。
• 點陣圖片請先選取通用的格式：GIF、PNG、JPEG 。
• 建議使用<picture>元素通過包含零或多個 <source> 來為不同的顯示/設備場景提供最佳的圖像版本。

字型

• 優先使用 WOFF 字型格式。
• 請考慮使用 Zopfli 壓縮處理 EOT、TTF 和 WOFF 格式。Zopfli 是與 zlib 相容的壓縮工具，可透過 gzip 提供 ~5% 的檔案大小縮減。
• 應為任何載入字型準備備用字型。