引用或不引用：CSS 中何時應將字體系列名稱括在引號中？

解決風格困境：CSS 中字體系列名稱是否應該用引號引起來？

圍繞字體系列名稱的必要性的爭論in quote 一直在 CSS 社區中徘徊。這個問題源自於長期以來受到現代瀏覽器挑戰的「最佳實踐」。讓我們深入研究這個約定背後的技術細節和邏輯。

技術基礎

根據 CSS 2.1 規範，可以使用或不使用引號來指定字體系列名稱。當不加引號時，名稱應該是識別符序列。但是，識別符不能包含空格或某些標點符號。要包含這些字符，必須對它們進行轉義，或者應將名稱加引號。

經驗法則建議引用包含空格、數字或連字號以外的標點符號的字型系列名稱。此建議避免了轉義中潛在的錯誤。

實際影響

實際上，從包含空格的字體系列名稱中刪除引號似乎不會在 Safari 等主要瀏覽器中導致問題和火狐瀏覽器。這表明使用引號的“最佳實踐”對於現代瀏覽器來說可能不是必需的。但是，也有一些例外：

• 關鍵字混淆： 與CSS 關鍵字相同的字體系列名稱（例如“serif”、“monospace”）必須用引號引起來以避免混淆。
• 需要轉義的識別碼：標點符號，例如 / 或 !標識符內可能需要引用或轉義。

建議

雖然現代瀏覽器可能不需要對包含空格的字體系列名稱進行引號，但引用包含其他內容的字體系列名稱特殊字符或符合CSS 關鍵字仍然是謹慎的做法。它確保一致性、清晰度，並避免潛在的陷阱。

以上是引用或不引用：CSS 中何時應將字體系列名稱括在引號中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！