烤肉串轉換器

短橫線命名法（有時稱為破折號命名法、連字符命名法或 lisp 命名法）是一種命名約定，其中單字以小寫形式書寫並用連字符連接。它是 URL slug、CSS 類別名稱、HTML 的主導樣式 data-* 屬性和大多數設定檔鍵。

搜尋引擎將連字符視為 URL 段中的單字分隔符，但將下劃線視為連接器 - 所以 my-blog-post 「我的部落格文章」排名 my_blog_post 被讀取為一個令牌。這就是為什麼 kebab-case 是 URL-slug 標準的原因，無論您的程式碼庫的其餘部分使用哪種大小寫樣式。

kebab-case 屬於哪裡

網址段

此網站上的每個 URL slug (/word-counter, /typing-test-5-minutes) 是烤肉串大小寫。 SEO最佳實踐：連字符，而不是下劃線；僅小寫。

CSS 類別名

BEM、Tailwind、Bootstrap 和大多數 CSS 框架都使用 kebab-case 類別。 .btn-primary, .card-header, .is-active.

HTML 資料屬性

data-user-id, data-toggle, data-bs-target。這些轉換為 camelCase 透過 JavaScript 存取時自動 dataset 財產。

命令列標誌

長格式 CLI 選項使用短橫線大小寫入： --dry-run, --no-cache, --output-format。短的單字元標誌使用單一破折號： -v.

檔案名稱和配置鍵

現代配置格式（YAML、TOML）和大多數靜態站點生成器（Jekyll、Hugo）更喜歡使用短橫線大小寫的鍵作為人類可讀的文件名和前面的字段。

文字如何變成以連字號分隔的字串

轉換器通過首先標準化 Unicode (NFKC) 將特殊字符分解為基本形式來處理輸入。然後，它在非字母數字邊界（空格、下劃線、標點符號等）上分割字符串，丟棄任何非字母數字邊界。[A-Za-z0-9] 字元。使用完整的 Unicode 大小寫映射將每個單字轉為小寫，並使用連字符 (-）。前導、尾隨和連續的連字符被刪除。該演算法確實 不 保留首字母縮寫或所有格撇號；每個連續的字母數字字元序列都成為一個單字。

如何將短語轉換為短橫線大小寫

1. 將您的短語貼上或輸入到輸入文字區域。
2. 點擊“轉換”按鈕來處理文字。
3. 從結果欄位複製產生的 kebab-case 輸出。
4. 將 slug 貼到您的 URL、CSS 或設定檔中。

尾隨連字符、重音符號和雙破折號

縮寫

像“NASA”這樣的縮寫會變成完全小寫的“nasa”，而不是分解成字母。

佔有慾

撇號被完全刪除，因此“John's hat”變成“johns-hat”。

連字符的單字

現有的連字符被視為單字分隔符，因此“用户友好”變為“用户友好”（不變）。

在 URL 欄中保持可讀的連字符名稱

• 對於 URL slugs，請始終修剪前導和尾隨連字符；該工具會自動執行此操作。
• 使用 kebab-case 作為 CSS 類別名，以避免與 JavaScript 駝峯命名法發生衝突。
• 如果您的輸入已經包含連字符的單字，您可以透過用空格替換連字符來強制進行新的分割來進行預處理。
• 與 JSON 驗證器結合使用，為設定檔產生短橫線大小寫的金鑰。

為什麼 URL 和 CSS 採用 kebab-case

雖然您可以透過命令列或文字處理器實現短橫線大小寫轉換，但此工具提供了專用的即時解決方案。

Lisp、CSS 和虛線標識符的興起

「kebab-case」一詞是由程式設計師在 2000 年代初期創造的，他們幽默地將命名約定與食物進行比較（camelCase、snake_case、kebab-case）。隨著 CSS 和 URL 友善 slugs 的興起，它得到了廣泛的採用，並且是 Lisp 在標識符中使用連字符 (lisp-case) 傳統的直接後代。它在現代 Web 開發中的首次使用記錄出現在 2005 年左右的 Rails 社羣中。