發布日期：2024 年 10 月 23 日
本文將說明如何使用新的 <baseline-status> 網頁元件，以及簡報中的 Baseline 標誌，在撰寫或談論網頁平台功能時，在自己的網站上使用。
大多數開發人員都有過這種經驗：搜尋網頁開發問題的解決方案，找到一篇描述完美解決方案的文章，但最後才發現該方案只適用於一個瀏覽器。或是對會議講者描述的功能感到興奮，結果發現是實驗性功能。我們希望改善 Chrome 開發人員網站的這項問題，因此過去兩年來，我們一直在文章中加入 MDN 的相容性資料。
不過，Baseline 讓情況更加明朗。您不必檢查個別瀏覽器版本，只要確認某項功能是否為 Baseline Widely available，即可放心使用。或是瞭解這是 Baseline 新功能，因此可互通，但或許您會想為這項新功能考慮備援策略。在 web.dev 上，我們已開始在部分頁面中新增 Baseline 狀態元件，您可以在有關 CSS font-size-adjust 的網誌文章中看到。
在網站中新增元件
網頁元件不只供我們使用，我們很高興與您分享 <baseline-status> 元件。您可以使用這項功能，在建立的內容中顯示基準狀態。您可以從 npm 安裝元件，或從 CDN 預先編譯元件 - 請參閱安裝說明。安裝完成後，請顯示功能的狀態，如下列 font-size-adjust 的 HTML 所示。
<baseline-status featureId="font-size-ad><just"/basel>ine-status
當功能從「僅限部分使用者」階段，經過「新推出」階段，進入「全面推出」階段時，元件就會自動更新。
找出 featureId
傳遞至元件的 featureId 是網頁功能存放區中的功能名稱。這個元件會從透過網頁功能專案收集的資料，取得功能的狀態。
新增 Baseline 標誌
如果您要發布印刷品、PDF 或在會議上展示，這些標誌可能會有助於顯示當時的狀態。您可以在「Web Platform Status」資訊主頁中，查看任何功能的 Baseline 狀態。
您已取得 Baseline 標誌的授權，可將其用於所有素材資源，並以 PNG 和 SVG 格式下載。
請告訴我們您使用 Baseline 的位置
我們很想瞭解 Baseline 的使用情況。提出 PR，並加入您使用該基準的連結，在野外進行基準測試。
你還有其他整合想法嗎？
您是否有其他整合 Baseline 的想法？也許您有開發人員工具可以納入這項資訊，或是產品可從管理面板分享的 Baseline 版本中獲益。提出有關想法的問題，我們很樂意提供協助。